溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“jquery的偽類選擇器怎么使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“jquery的偽類選擇器怎么使用”文章能幫助大家解決問題。
jquery的偽類選擇器：1、位置選擇器，根據頁面中的位置來選取元素；2、子元素選擇器，選擇某一個元素下的子元素；3、可見性選擇器，根據元素是否可見選取元素；4、內容選擇器，根據元素的內部文本或者子元素來選取元素；5、表單選擇器，用于操作表單元素；6、表單屬性選擇器，根據表單元素的屬性來選取。
本教程操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。
偽類選擇器，可以看成是一種特殊的選擇器。偽類選擇器都是以英文冒號:開頭的。jQuery 參考 CSS 偽類選擇器的形式，為我們提供了大量的偽類選擇器。
常用的偽類選擇器包括以下 6 種。
1、“位置”偽類選擇器。
“位置”偽類選擇器，指的是根據頁面中的位置來選取元素的一種偽類選擇器。在 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>程序執行效果如圖所示：
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、“可見性”偽類選擇器。
“可見性”偽類選擇器，指的就是根據元素“可見”與“不可見”這兩種狀態來選取元素的一種偽類選擇器。在 jQuery 中，“可見性”偽類選擇器有兩種
:visible 選取所有可見元素
:hidden 選取所有不可見元素
所謂的不可見元素，指的是定義了 display:none 的元素。
4、“內容”偽類選擇器。
“內容”偽類選擇器，指的是根據元素的內部文本或者子元素來選取元素的一種偽類選擇器。在 jQuery 中，常用的“內容”偽類選擇器
: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 選取所有復選框
:image 選取所有圖片域
:file 選取所有文件域
6、“表單屬性”偽類選擇器。
“表單屬性”偽類選擇器，指的是根據表單元素的屬性來選取的一種偽類選擇器。
:checked 選取所有被選中的表單元素，一般是單選框或復選框
:selected 選取被選中的表單元素的選項，一般是下拉列表
:enabled 選取所有可用的表單元素
:disabled 選取所有不可用的表單元素
:read- only 選取所有只讀的表單元素
:focus 選取所有獲得焦點的表單元素
關于“jquery的偽類選擇器怎么使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
