基本選擇器:
1.通配選擇器(*)
2.元素選擇器(eg:p)
3.類選擇器(.class)
4.ID選擇器(#..)
高級選擇器:
1.后代選擇器(E(空格)F)
2.子代選擇器(E>F)
3.兄弟選擇器(E+F)
4.通用選擇器(E~F)
結構偽類選擇器:
1.nth-child和nth-last-child
2.nth-of-type(n)和nth-last-of-type(n)
3.nth-last-of-type(n)
4.first-child 和 last-child
基本過濾選擇器:
1.E:first
2.E:last
3.E:not
4.E:even(偶數)
5.E:header(標題選擇器)
6.E:animated(動畫元素選擇器)
7.E:odd(奇數)
8.E:eq(等於)
9.E:gt(大於)
10.E:lt(小於)
內容過濾選擇器:
1>.E:contains:
選取包含指定字符串的元素 (eg:"p:contains(is)")
2>.E:empty:
empty()方法,是從被選取元素移除所有內容,包括所有文本和子節點
3>.has():
將匹配元素集合縮減為擁有匹配指定選擇器或DOM元素的后代的子集
4>.E:parent():
獲得當前匹配元素集合中每個元素的父元素
屬性過濾選擇器:
1>.attribute:
定義:匹配包含給定屬性的元素
2>.attribute !=value:
定義:匹配給定的屬性是不包含某個特定值的元素
3>.attribute =value:
定義:匹配給定的屬性是某個特定值的元素
4>.attribute^=value:
定義:匹配給定的屬性是以某些值開始的元素
5>.attribute$=value:
定義:匹配給定的屬性是以某些值結尾的元素
6>.attribute*=value:
定義:匹配給定的屬性是以包含某些值的元素
7>.[selector1][selector2][selectorN](復合選擇器)
定義:復合屬性選擇器,需要同時滿足多個條件時使用
表單選擇器:
1》。E:input 2》。submit
3》。E:text 4》。E:image
5》。E:password 6》。E:reset
7》。E:radio 8》。E:button
9》。E:CheckBox 9》。E:file
表單過濾選擇器:
1>.E:ENABLED:
選擇所有啟用的<input>和<button>元素
2>.E:disabled:
選擇所有禁用的<input>和<button>元素
3>.E:checked:
隱藏所有被選中的元素
4>.E:selected:
隱藏被選擇的下拉框列表選項
————————————————
版權聲明:本文為CSDN博主「淺歌余生」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_37165235/article/details/80657792
