jQuery選擇器過濾器

2021-07-09 18:50:16 字數 2950 閱讀 1048

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

jQuery選擇器 過濾器

jquery選擇器 選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。1.基本選擇器 1 id id選擇器 2 element 標籤選擇器 3 class 類選擇器 4 選擇所有元素 5 selector1,selector2 多條件選擇器 例如 div,span,myclass 表示選擇...

JQuery選擇過濾器

jquery選擇器 選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。1.基本選擇器 1 id id選擇器 2 element 標籤選擇器 3 class 類選擇器 4 選擇所有元素 5 selector1,selector2 多條件選擇器 例如 div,span,myclass 表示選擇...

JQuery 選擇 過濾器

myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,以運用多種的選擇方式...