jquery学习第三番 四种选择器（其中过滤选择器详细重点）

 

jquery的四种选择器

#    IP过滤

.     class过滤

a    （类似的）标签过滤

 

:hidden  :visible :selected  等过滤选择器

 

我们来好好说说 过滤选择器

以特定的规则来过滤DOM叫过滤选择器

1，基本过滤选择器

:first

:last

:not(selector)           例子： $('div:not(.one)')  选择class不是one的div

:even

:odd

:eq(index)                例子:  $('div:eq(2)') 选择索引为2的，index从0开始算起。

:gt(index)

:lt(index)

:header             选取所有的h标题元素

:animated           选取正在执行动作的元素

2，内容过滤选择器

:contains(text)            例子：$("div:contains('我')") 选取文本内容中含有 '我' 的div

:empty                       不包含子元素或者文本的空元素

:parent                       包含子元素或文本的元素

:has(selector)           和:not相反

3，可见性过滤选择器

:hidden

:visible

4,属性过滤选择器，通过元素的属性来过滤,如图

5，子元素过滤选择器

其中:nth-child(3n+1) 选取 索引为3n+1的子元素，n从0算起，但是index是从1开始算

:nth-child(even)    :nth-child(odd)

如

$('div.one :nth-child(2n)')  选择class为one的div的第n的倍数的子元素

$('ul li:first-child')  选取每个ul标签下第一个li标签

 

6，表单对象过滤选择器

:enable                         $('#form1 :enable')  选择id为form1的表单内所有可用的表单元素

:disable

:checked                        $('input:checked')     选择所有的被选中的input

:selected                        $('select:selected')   选择所有被选中的的选项元素

 

7，表单选择器