jquery選擇器總結

2021-07-26 21:42:09 字數 1364 閱讀 2151

#id//id選擇器

element //元素選擇器

.class //類選擇器

ancester descentant //後代選擇器

parent > child //子代選擇器

prev + next //匹配緊接在prev元素後面的next元素

prev ~ siblings //匹配prev元素後面的所有siblings元素

##基本篩選器

:first //獲取第乙個元素

:not(selector) //去除所有與給定的selector匹配的元素

:even //匹配所有索引值為偶數的元素,從0計數

:odd //匹配所有索引值為奇數的元素,從0計數

:eq(index) //匹配乙個給定索引值的元素,從0計數

:gt(index ) //匹配所有大於給定索引值的元素,從0計數

:lt(index) //匹配所有給定索引值的元素,從0計數

:last //獲取最後個元素

:header //匹配所有的標題元素,如h1,h2,

:focus //匹配當前獲取焦點的元素

##內容

:contains(text) //匹配包含給定文字的元素

:empty //匹配所有不包含子元素或文字的空元素

:has(selector) //匹配含有選擇器selector的元素

:parent //匹配所有含有子元素或文字的元素

##可見性

:hidden //匹配所有不可見元素,或type為hidden的元素

:visible // 匹配所有可見元素

##屬性

[attribute] //匹配包含給定屬性的元素

[attribute=「value」] //匹配給定的屬性是某個特定值的元素

[attribute!=「value」] //匹配所有不含指定的屬性,或者屬性不等於特定值的元素

[attribute^=「value」] //匹配給定的屬性是以某些值開始的元素

[attribute$=「value」] //匹配給定的屬性值是以某些值結尾的元素

[attribute*=「value」] //匹配給定的屬性是以包含某些值的元素

[attrsel1][attrsel2][attrsel3] //復合屬性選擇器,同時滿足多個條件

:first-child //匹配所給選擇器的第乙個子元素

jQuery選擇器總結

父元素中所有的子元素,不包括後代元 父元素 子元素 選擇某元素的緊挨著的元素 如果不存在則什麼都不選擇 某元素 需要查詢的元素 層次選擇器4 個 選擇父元素中的某些元素 父元素 子元素 選擇選擇兄弟元素 可以間隔其他元素 某元素 需要查詢的元素 簡單選擇器10 個 簡單選擇器的特點是有個 first...

Jquery選擇器總結

jquery中的選擇器通用的格式為 selector 這裡的selector總的來說可以按照幾種類別進行選擇 1 按照元素的名稱選 這時直接寫元素的名稱即可,此時返回的是所有該名稱元素的集合。如 a 選擇所有的元素,是個集合陣列 p 選擇所有的元素 2 按照元素的id屬性選擇 這時selector的...

jQuery選擇器總結

jquery 的選擇器可謂之強大無比,這裡簡單地總結一下常用的元素查詢方法 myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用my...