当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。