溫故而知新 jQuery選擇器

jQuery中的選擇器
#id--
tag--按照標籤進行選擇
.class--
* --選擇所有元素
a,b,c 批量選擇多個選擇器
a b 選擇a元素下所有的b元素,包括嵌套的子元素
a>b 選擇a元素下所有的一級b元素,不包括嵌套的子元素
a+b 選擇a元素之後的b元素
a~b 選擇a元素之後所有的同級b子元素,不包含嵌套的元素
a:first 第一個符合a的元素
a:last 最後一個符合a的元素
a:not(selector) 從a元素中去除符合selector選擇的元素
a:even 從a中選擇偶數的子元素
a:odd 從a中選擇奇數的子元素
a:eq(index) 獲取指定索引的子元素,這裏也可以使用鏈式的.eq()方法進行選定
a:gt(index) 大於指定索引的子元素
a:lt(index) 小於指定索引的子元素
:header 用於選擇所有的h1,h2等元素
:animated 選擇所有正在動畫的元素
:contains(text) 包含指定字符的元素
:empty 所有的空內容元素
a:has(selector) 所有包含selector元素的a元素
a:parent,所有a的父元素,或者所有的擁有子元素的元素
:hidden 所有隱藏的元素
:visible 所有可見的元素
[attribute] 包含指定屬性的元素
[attribute=value] 包含指定屬性值的元素
[attribute!=value] 不等
[attribute^=value] 開頭匹配
[attribute$=value] 結尾匹配
[attribute*=value] 包含value
:nth-child(index/even/odd/equation) 匹配其父元素下的第N個子或奇偶元素
:first-child 第一個子元素
:last_child 最後一個子元素
:input 所有的input的標籤
:text 所有輸入框
:radio 所有單選按鈕
:checkbox 多選框
enabled 所有被禁用的元素
:disabled 所有被disabled的元素
:enabled 所有enable的元素
:checked 所有被選中的元素
:selected 所有被選擇的元素

上述的選擇器,均可進行組合後使用
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章