鸿 网 互 联 www.68idc.cn

当前位置 : 主页 > 网络程序脚本 > linux shell > >

使用jQuery基本过滤器选择器选择元素

来源:互联网 作者:佚名 时间:2015-06-03 08:52
示例代码如下 !DOCTYPEhtmlPUBLIC //W C//DTDXHTML Transitional//EN html xmlns= head title 使用jQuery基本过滤选择器 / title script language= javascript type= text/javascript src= /Jscript/jquery js / script style type= text/css body{font size

  示例代码如下

  

<!DOCTYPE html PUBLIC //WC//DTD XHTML  Transitional//EN >
<htmlxmlns=>
<head>
<title>使用jQuery基本过滤选择器</title>
<scriptlanguage=javascripttype=text/javascript
src=/Jscript/jqueryjs></script>
<styletype=text/css>
           body{fontsize:px;textalign:center}  
           div{width:px;height:px;border:solid px #eee}  
           h{fontsize:px}  
           ul{liststyletype:none;padding:px}  
           DefClassNotClass{height:px;width:px;lineheight:px;float:left;  
           bordertop:solid px #eee;borderbottom:solid px #eee}  
           GetFocus{width:px;border:solid px #;backgroundcolor:#eee}  
           #spnMove{width:px;height:px;lineheight:px;}  
</style>
<scripttype=text/javascript>
            $(function(){ //增加第一个元素的类别获取第一个元素   返回值单个元素  
              $(li:first)addClass(GetFocus);  
            })  
            $(function(){ //增加最后一个元素的类别获取最后一个元素   返回值单个元素  
              $(li:last)addClass(GetFocus);  
            })  
            $(function(){ //增加去除所有与给定选择器匹配的元素类别   返回值元素集合   
              $(li:not(NotClass))addClass(GetFocus);  
            })  
            $(function(){ //增加所有索引值为偶数的元素类别开始计数  返回值元素集合   
              $(li:even)addClass(GetFocus);  
            })  
            $(function(){ //增加所有索引值为奇数的元素类别开始计数   返回值元素集合   
              $(li:odd)addClass(GetFocus);  
            })  
            $(function(){ //增加一个给定索引值的元素类别开始计数   返回值单个元素  
              $(li:eq())addClass(GetFocus);  
            })  
            $(function(){ //增加所有大于给定索引值的元素类别开始计数  返回值元素集合   
              $(li:gt())addClass(GetFocus);  
            })  
            $(function(){ //增加所有小于给定索引值的元素类别开始计数  返回值元素集合  
              $(li:lt())addClass(GetFocus);  
            })  
            $(function(){ //增加标题类元素类别  
              $(div h)css(width);  
              $(:header)addClass(GetFocus);  
            })  
            $(function(){   
              animateIt(); //增加动画效果元素类别  
              $(#spnMove:animated)addClass(GetFocus);  
            })  
            function animateIt() { //动画效果     
              $(#spnMove)slideToggle(slow animateIt);     
            }  
</script>
</head>
<body>
<div>
<h>基本过滤选择器</h>
<ul>
<liclass=DefClass>Item </li>
<liclass=DefClass>Item </li>
<liclass=NotClass>Item </li>
<liclass=DefClass>Item </li>
</ul>
<spanid=spnMove>Span Move</span>
</div>
</body>
</html>

说明选择器animated在捕捉动画效果元素时先自定义一个动画效果函数animateIt()然后执行该函数选择器才能获取动画效果并增加其类别
网友评论