特色栏目：服务器安全 Linux 批处理 Linux安全 Mysql Mssql Access 下载中心

使用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（）然后执行该函数选择器才能获取动画效果并增加其类别

上一篇： Android开发知识图片跟随触摸位置移动
下一篇： Android判断软键盘的状态（显示，隐藏）

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

相关文章