您的位置:首页 > Web前端 > JQuery

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    选取所有被选中的元素(下拉列表)

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: