jQuery选择器过滤器
2016-01-31 22:23
731 查看
#id 根据给定的id匹配元素 $("#test") 选取id为test的元素
.class 根据类名匹配元素 $(".test") 选取所有class为test的元素
elemet 根据给定的元素名匹配元素 $("p") 选取所有的p元素
* 匹配所有元素 $(*) 选取所有的元素
seceltor1,seceltor2...... 将每一个选择器匹配到的元素一起返回 $("div,span,myClass") 选取所有div,span和类名为myClass的所有元素
$("ancestor descendant") 选取ancestor里所有descendant后代元素 $("div span") 选取div里所有的span
$("parent > child") 选取parent下的child子元素 $("div > span") 选取div下span的子元素
$("prev + next") == $(".one").next("div") 选取紧接在prev之后的next元素 $(".one + div") 选取class为one的下一个div元素
$("prev ~ siblings") == $("prev").nextAll(siblings) 选取prev元素之后所有的兄弟siblings元素 $("#two ~ div") 选取two后面所有的div元素
:first 选取第一个元素 $("div:first") 选取所有div元素中第一个div元素
:last 选取最后一个元素 $("div:last") 选取所有div元素中最后一个div元素
:not(secltor) 去除与给定选择器匹配的元素 $("input:not(.myClass)") 选取class不是myClass的div元素
:even 选取索引是偶数的所有元素(从0开始) $("input:even") 偶数的input元素
:odd 选取索引是奇数的所有元素(从0开始) $("input:odd") 奇数的input元素
:eq(index) 选取索引等于index的元素 $("input.eq(1)") 索引等于1的input元素
:gt(index) 选取所有索引大于index的元素 $("input:gt(1)") 选取索引大于1的input元素
:lt(index) 选取所有索引小于index的元素 $("input:lt(1)") 选取索引小于1的input元素
:header 选取所有标题元素 $(":header")
:animated 选取正在执行动画的元素 $("div:animated")
:contains(text) 包含text的元素 $("div:contains("me")")
:empty 选取所有空的元素 $("div:empty") 选取空的div
:has(selector) 选择含与有selector匹配的元素的元素 $("div:has(p)") 选取含有p的div
:parent 选取含有子元素或者文本的元素 $("div:parent") 含有子元素的div
:hidden 选取不可见得元素
:visible 选取可见得元素
[attribute] 选择拥有此属性的元素 $("div[id]") 拥有id的div
[attribute=value] 选择拥有此属性并且属性等于value的元素 $("div[id=test]")
[attribute!=value] 选择拥有此属性并且属性不等于value的元素 $("div[id=test]")
[attribute^=value] 选择属性值以value开始的元素
[attribute$=value] 选择属性值以value结束的元素
[attribute*=value] 选择属性值含有value的元素
:nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或者奇偶元素(index从1开始) :eq(index)只匹配一个元素,而:nth-child将为每一个父元素匹配子元素,并且:nth-child(index)的index是从1开始的,而:eq(index)是从0开始的。(返回的是元素集合) :nth-child(even) 选取父元素下索引值是偶数的元素 :nth-child(odd) 选取父元素下索引值是奇数的元素 :nth-child(2)
选取父元素下索引是2的元素 :nth-child(3n) 选取父元素下索引值是3的倍数的元素 :nth-child(3n+1) 选取父元素下索引值是3n+1的元素
:first-child 选取每个父元素的第一个子元素 :first只返回单个元素,而:first-child为每个父元素匹配第一个元素 $("ul li:first-child") 选取每个ul中第一个li元素
:last-child 选取每个父元素的最后一个子元素 :last只返回单个元素,而:last-child为每个父元素匹配最后一个元素 $("ul li:last-child") 选取每个ul中最后一个li元素
:only-child 如果某个元素是父元素中唯一匹配的子元素,那么将会被匹配,如果父元素中有其他元素,则不会被匹配 $("ul li:only-child") 选取ul中唯一子元素是li的元素
:enable 选取所有可用的元素
:disable 选取所有不可用的元素
:checked 选中所有单选框、复选框中被选中的元素
:selected 选取所有被选中的元素(下拉列表)
.class 根据类名匹配元素 $(".test") 选取所有class为test的元素
elemet 根据给定的元素名匹配元素 $("p") 选取所有的p元素
* 匹配所有元素 $(*) 选取所有的元素
seceltor1,seceltor2...... 将每一个选择器匹配到的元素一起返回 $("div,span,myClass") 选取所有div,span和类名为myClass的所有元素
$("ancestor descendant") 选取ancestor里所有descendant后代元素 $("div span") 选取div里所有的span
$("parent > child") 选取parent下的child子元素 $("div > span") 选取div下span的子元素
$("prev + next") == $(".one").next("div") 选取紧接在prev之后的next元素 $(".one + div") 选取class为one的下一个div元素
$("prev ~ siblings") == $("prev").nextAll(siblings) 选取prev元素之后所有的兄弟siblings元素 $("#two ~ div") 选取two后面所有的div元素
:first 选取第一个元素 $("div:first") 选取所有div元素中第一个div元素
:last 选取最后一个元素 $("div:last") 选取所有div元素中最后一个div元素
:not(secltor) 去除与给定选择器匹配的元素 $("input:not(.myClass)") 选取class不是myClass的div元素
:even 选取索引是偶数的所有元素(从0开始) $("input:even") 偶数的input元素
:odd 选取索引是奇数的所有元素(从0开始) $("input:odd") 奇数的input元素
:eq(index) 选取索引等于index的元素 $("input.eq(1)") 索引等于1的input元素
:gt(index) 选取所有索引大于index的元素 $("input:gt(1)") 选取索引大于1的input元素
:lt(index) 选取所有索引小于index的元素 $("input:lt(1)") 选取索引小于1的input元素
:header 选取所有标题元素 $(":header")
:animated 选取正在执行动画的元素 $("div:animated")
:contains(text) 包含text的元素 $("div:contains("me")")
:empty 选取所有空的元素 $("div:empty") 选取空的div
:has(selector) 选择含与有selector匹配的元素的元素 $("div:has(p)") 选取含有p的div
:parent 选取含有子元素或者文本的元素 $("div:parent") 含有子元素的div
:hidden 选取不可见得元素
:visible 选取可见得元素
[attribute] 选择拥有此属性的元素 $("div[id]") 拥有id的div
[attribute=value] 选择拥有此属性并且属性等于value的元素 $("div[id=test]")
[attribute!=value] 选择拥有此属性并且属性不等于value的元素 $("div[id=test]")
[attribute^=value] 选择属性值以value开始的元素
[attribute$=value] 选择属性值以value结束的元素
[attribute*=value] 选择属性值含有value的元素
:nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或者奇偶元素(index从1开始) :eq(index)只匹配一个元素,而:nth-child将为每一个父元素匹配子元素,并且:nth-child(index)的index是从1开始的,而:eq(index)是从0开始的。(返回的是元素集合) :nth-child(even) 选取父元素下索引值是偶数的元素 :nth-child(odd) 选取父元素下索引值是奇数的元素 :nth-child(2)
选取父元素下索引是2的元素 :nth-child(3n) 选取父元素下索引值是3的倍数的元素 :nth-child(3n+1) 选取父元素下索引值是3n+1的元素
:first-child 选取每个父元素的第一个子元素 :first只返回单个元素,而:first-child为每个父元素匹配第一个元素 $("ul li:first-child") 选取每个ul中第一个li元素
:last-child 选取每个父元素的最后一个子元素 :last只返回单个元素,而:last-child为每个父元素匹配最后一个元素 $("ul li:last-child") 选取每个ul中最后一个li元素
:only-child 如果某个元素是父元素中唯一匹配的子元素,那么将会被匹配,如果父元素中有其他元素,则不会被匹配 $("ul li:only-child") 选取ul中唯一子元素是li的元素
:enable 选取所有可用的元素
:disable 选取所有不可用的元素
:checked 选中所有单选框、复选框中被选中的元素
:selected 选取所有被选中的元素(下拉列表)
相关文章推荐
- jQuery入门及各种选择器讲解
- 【jQuery基础学习】05 jQuery与Ajax以及序列化
- 【JQuery】标签页效果
- jQuery实现的全选、反选和不…
- (二)js/jquery 实时监听输入框值…
- (一)js/jquery实时监听输…
- js/jquery 实时监听输入框值…
- JQuery.Ajax()的data参数类型
- 为什么jQuery中会这样写:(function(window, undefined))(window)
- ajax与Jquery中的Ajax
- jQuery plugin : jqTransform
- jquery select 左右移动
- JQuery中的AJAX
- 【jQuery基础学习】04 jQuery中的表格操作及cookie插件的使用
- laravel jquery.databases 搜索的问题
- jQuery插件jQuery Validation学习(三)——validator对象
- jquery dropdownlist.js
- jquery extend 多个扩展方法
- jQuery插件Validation学习(二)——rules的使用
- 不定义JQuery插件 不要说会JQuery