html選擇器


基本選擇器:

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





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM