當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


JQuery has()用法及代碼示例

has()是 jQuery 中的內置方法,用於查找指定元素列表中的所有元素。

用法:

$(selector).has(element)

參數:它接受參數表達式或元素來將元素與其進行匹配。

返回值:它返回與指定選擇器匹配的所有元素,其中包含一個或多個元素。

顯示 has() 方法工作原理的 jQuery 代碼:

示例 1:

HTML


<!DOCTYPE html>
<html>
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <!-- jQuery code to show the working of this method -->
    <script>
        $(document).ready(function () {
            $("p").has("span").css(
                "background-color", "lightgreen", "bold");
        });
    </script>
    <style>
        body {
            width: 50%;
            height: 100px;
            border: 2px solid green;
            padding: 15px;
            font-size: 19px;
        }
    </style>
</head>
<body>
    <p>
        Geeks
        <span>for</span>
        Geeks !
    </p>
    <p>
        I am a
        <span>content</span>
        writer.
    </p>
    <p>
        This is a normal paragraph .
    </p>
</body>
</html>

輸出:
所有包含 “span” 元素的 “p” 元素都會突出顯示。



相關用法


注:本文由純淨天空篩選整理自kundankumarjha大神的英文原創作品 jQuery has() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。