首頁 > 文章 > web前端 > jquery的偽類選擇器有哪些

jquery的偽類選擇器有哪些

WBOY原創: 2022-06-08 10:48:252522瀏覽

jquery的偽類別選擇器：1、位置選擇器，依照頁面中的位置來選取元素；2、子元素選擇器，選擇某一個元素下的子元素；3、可見性選擇器，根據元素是否可見選取元素；4、內容選擇器，根據元素的內部文字或子元素來選取元素；5、表單選擇器，用於操作表單元素；6、表單屬性選擇器，根據表單元素的屬性來選取。

jquery的偽類選擇器有哪些

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery的偽類選擇器

偽類選擇器，可以看成是一種特殊的選擇器。偽類選擇器都是以英文冒號:開頭的。 jQuery 參考 CSS 偽類選擇器的形式，為我們提供了大量的偽類選擇器。

常用的偽類選擇器包括以下 6 種。

1、「位置」偽類選擇器。

「位置」偽類選擇器，指的是根據頁面中的位置來選取元素的一種偽類選擇器。在 jQuery 中，常見的「位置」偽類選擇器如表所示。

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>

程式執行效果如圖所示：

jquery的偽類選擇器有哪些

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) 選取包含指定文字的元

5、「表單」偽類別選擇器。

「表單」偽類選擇器，指的是專門操作表單元素的一種偽類選擇器。

#6、「表單屬性」偽類選擇器。

「表單屬性」偽類別選擇器，指的是根據表單元素的屬性來選取的一種偽類選擇器。

jQuery影片教學

以上是jquery的偽類選擇器有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！

jquery css checkbox 选择器 display 伪类 input

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jquery的入口函數有幾種寫法下一篇：jquery的入口函數有幾種寫法

看更多