溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“jquery的偽類選擇器怎么使用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“jquery的偽類選擇器怎么使用”文章能幫助大家解決問題。
jquery的偽類選擇器：1、位置選擇器，根據(jù)頁面中的位置來選取元素；2、子元素選擇器，選擇某一個元素下的子元素；3、可見性選擇器，根據(jù)元素是否可見選取元素；4、內(nèi)容選擇器，根據(jù)元素的內(nèi)部文本或者子元素來選取元素；5、表單選擇器，用于操作表單元素；6、表單屬性選擇器，根據(jù)表單元素的屬性來選取。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
偽類選擇器，可以看成是一種特殊的選擇器。偽類選擇器都是以英文冒號:開頭的。jQuery 參考 CSS 偽類選擇器的形式，為我們提供了大量的偽類選擇器。
常用的偽類選擇器包括以下 6 種。
1、“位置”偽類選擇器。
“位置”偽類選擇器，指的是根據(jù)頁面中的位置來選取元素的一種偽類選擇器。在 jQuery 中，常見的“位置”偽類選擇器如表所示。
舉例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-min.js"></script>
<script>
$(function () {
$("li:first,li:last").css("color", "red");
})
</script>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ul>
</body>
</html>程序執(zhí)行效果如圖所示：
2、“子元素”偽類選擇器。
“子元素”偽類選擇器，指的就是選擇某一個元素下的子元素的一種偽類選擇器。選取子元素，是 jQuery 最常用的操作之一。
在 jQuery 中，“子元素”偽類選擇器有以下兩大類。
:first-child、:last-child、:nth-child(n)、:only-child；
:first-of-type、:last-of-type、:nth-of-type(n)、:only-of-type。
3、“可見性”偽類選擇器。
“可見性”偽類選擇器，指的就是根據(jù)元素“可見”與“不可見”這兩種狀態(tài)來選取元素的一種偽類選擇器。在 jQuery 中，“可見性”偽類選擇器有兩種
:visible 選取所有可見元素
:hidden 選取所有不可見元素
所謂的不可見元素，指的是定義了 display:none 的元素。
4、“內(nèi)容”偽類選擇器。
“內(nèi)容”偽類選擇器，指的是根據(jù)元素的內(nèi)部文本或者子元素來選取元素的一種偽類選擇器。在 jQuery 中，常用的“內(nèi)容”偽類選擇器
:contains(text) 選取包含指定文本的元
:has(selector) 選取包含指定選擇器的元素
:empty 選取不含有文本以及子元素的元素，即空元素
:parent 選取含有文本或者子元素的元素
5、“表單”偽類選擇器。
“表單”偽類選擇器，指的是專門操作表單元素的一種偽類選擇器。
:input 選取所有 input 元素
:button 選取所有普通按鈕，即<input type ="button" />
:submit 選取所有提交按鈕，即<input type ="submit" />
:reset 選取所有重置按鈕，即<input type = "reset" />
:text 選取所有單行文本框
:textarea 選取所有多行文本框
:password 選取所有密碼文本框
:radio 選取所有單選框
:checkbox 選取所有復(fù)選框
:image 選取所有圖片域
:file 選取所有文件域
6、“表單屬性”偽類選擇器。
“表單屬性”偽類選擇器，指的是根據(jù)表單元素的屬性來選取的一種偽類選擇器。
:checked 選取所有被選中的表單元素，一般是單選框或復(fù)選框
:selected 選取被選中的表單元素的選項，一般是下拉列表
:enabled 選取所有可用的表單元素
:disabled 選取所有不可用的表單元素
:read- only 選取所有只讀的表單元素
:focus 選取所有獲得焦點的表單元素
關(guān)于“jquery的偽類選擇器怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼