jQuery中的选择器（二）

jQuery选择器第二弹，上篇文章写到了简单的子选择器，这一篇go on 。

1 过滤选择器

过滤选择器主要通过特定的的过滤表达式选择特殊需求的DOM元素，过滤选择器又分为定位过滤；内容过滤；可见过滤器 语法基本上是$(“想过滤的标签 ： 方法”)；

1.1 定位过滤器

定位过滤器的工作原理主要是根据元素的编号，排位筛选特定位置上的元素；主要有几个方法，简单介绍，会用就好。
（1） $(“tr : first”) 匹配到第一个tr；
（2） $(“tr : last”) 匹配最后一行tr；
（3） $(“input : not(:checked)”) 匹配所有未选中的input；
（4） $(“tr : even”) 从0开始计数，匹配索引值为偶数的tr；
（5） $(“tr : odd”) 从0开始计数，匹配索引值为基数的tr；
（6） $(“tr : ep(X)”) 匹配一个给定所有值得元素，X为想拿到的元素的索引值。
（7） $(“tr :gt(X)”) 匹配大于给定元素索引值的元素，
（8） $(“tr : lt(X)”) 匹配小于给定元素索引值的元素，
代码就自己随便写个页面自己测试一下就ok了，我平时用not和eq 比较多。

1.2 内容过滤器

(1) $(“h2 : contains(‘深夜’)”) 匹配所有包含深夜的h2 元素。
(2) 方法 enpty 匹配所有不包含子元素或者不包含文本内容的空元素。
$(“li : empty”).text(“空内容”) 匹配空的li元素
(3) has 方法 $(“div : has§”) 匹配所有包含p元素的div元素。
(4) parent 方法 匹配含有子元素或者文本的元素。
$(“div ul : parent”).css(“background”,"#ff1") 匹配div 元素下的ul元素中包含所有元素。

1.3 可见过滤器

(1) hidden() 方法，
某个dom元素的jq对象可以调用hidden() 方法。
(2) visible 匹配所有可见元素
$(“p :visible”).css(“color”,“red”); 匹配所有可见的p

2 属性选择器

属性选择器 主要根据元素的属性，以及属性值作为过滤的条件。来匹配对应的DOM元素。这类选择器比较重要。
一半有7种方法：一般语法是 $(“元素[条件]”)
（1）匹配包含给定属性的元素
$(“div[id]”) 表示查找所有含有id属性的div元素
（2）匹配属性等于特定值的元素
$(“input[name=‘text’]”) 表示查找name属性等于text的input元素。
（3） 匹配所有不含有的指定元素
$(“input[name!=‘text’]”) 表示查找name属性不等于text的input元素
（4）匹配给定的属性以某些值开始的元素
$(“input[name^=‘text’]”) 表示查找name属性以text开头的input元素。
（5） 匹配给定的属性以某些值结尾的元素
$(“input[name$=‘text’]”) 表示查找name属性以text结尾的input元素。
（6）匹配给定的属性包含某些值的元素
$(“input[name*=‘text’]”) 表示查找name属性包含text的input元素。
（7） 复合选择器，需要同时满足多个条件
$(“input[id][name=‘text’]”) 表示 悬着包含id属性并且name属性的值是text的input元素。

明天更一下关于表单中的jq选择器的使用。