# id:根據(jù)元素的id屬性獲取元素

。class:根據(jù)元素的class屬性獲取元素

元素:根據(jù)名稱獲取元素

選擇器1、選擇器2:組選擇器，可以同時(shí)匹配多個(gè)元素

示例代碼:

同級(jí)兄弟，父子關(guān)系，祖孫關(guān)系

祖先(空)后代:選擇當(dāng)前元素的所有后代(不考慮層次)

母公司>。子元素:選擇父元素下的所有子元素(僅一級(jí)，需要父子關(guān)系)

上一個(gè)下一個(gè):選擇緊鄰當(dāng)前元素的同級(jí)元素的下一個(gè)元素

上一級(jí)~同級(jí):選擇與當(dāng)前元素直接相鄰的所有同級(jí)元素

示例代碼:

:first:選擇索引為0的第一個(gè)元素，默認(rèn)情況下索引從0開始

:last:選擇索引最大的最后一個(gè)元素

:偶數(shù):選擇具有偶數(shù)索引的所有元素

:奇數(shù):選擇具有奇數(shù)索引的所有元素

:eq (index):根據(jù)元素的索引獲取元素

:gt(索引):選擇索引大于索引的所有元素

:lt(索引):選擇索引小于索引的所有元素

:not(選擇器):選擇指定選擇器以外的元素

示例代碼:

:包含(文本):匹配包含指定文本的元素

:空:將元素與內(nèi)容匹配空

:has(選擇器):將元素與指定的選擇器匹配

:parent:將元素與子元素(子元素或文本)匹配，并匹配內(nèi)容不是空的元素

示例代碼:

:隱藏:匹配所有隱藏元素(顯示:無(wú))

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

示例代碼:

[屬性]:用指定的選擇器匹配元素

[屬性=值]:匹配具有指定屬性值的元素

[屬性！=value]:匹配屬性值不等于值的元素

[屬性=值]:匹配屬性值以值開頭的元素

[屬性$ = value]:匹配屬性值以value結(jié)尾的元素

[屬性* =值]:匹配屬性值包含值的元素

[屬性1][屬性2][屬性1]:同時(shí)匹配具有多個(gè)屬性的元素

示例代碼:

:第n個(gè)子元素(index/偶數(shù)/奇數(shù)):根據(jù)子元素的索引獲取元素，默認(rèn)索引從1開始

:first-child:匹配第一個(gè)子元素

:last-child:匹配最后一個(gè)子元素

:only-child:如果子元素是唯一的子元素，則匹配

示例代碼:

:輸入:匹配所有表單元素，包括(選擇下拉列表和文本區(qū)域文本字段)

:文本:匹配所有文本框

:密碼:匹配所有密碼框

:單選:匹配所有單選按鈕

:復(fù)選框:匹配所有復(fù)選框

:提交:匹配所有提交按鈕

:重置:匹配所有重置按鈕

:圖像:匹配所有圖像字段

:按鈕:匹配所有按鈕按鈕

:文件:匹配所有文件字段

:隱藏:匹配所有隱藏的表單

示例代碼:

:enabled:匹配所有可用的表單元素

:disabled:匹配所有不可用的表單元素，

:選中:匹配選定的表單元素(單選或復(fù)選框)

:選定:匹配下拉框中選定的表單元素

示例代碼:

【IT技術(shù)之家-IT科技綜合-文章版權(quán)聲明】

除非另有說(shuō)明，本文版權(quán)歸【IT科技之家-IT科技綜合】。如轉(zhuǎn)載請(qǐng)注明出處。

請(qǐng)關(guān)注更多文章:itkeji綜合