jquery has_检查父类元素中是否有 has 中包含的表达式

最新推荐文章于 2022-12-24 14:22:28 发布

hq_Tree

最新推荐文章于 2022-12-24 14:22:28 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB前端开发学习笔记文章标签： jquery

本文链接：https://blog.youkuaiyun.com/qq_31179919/article/details/52935418

WEB前端开发学习笔记专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个使用jQuery的网页示例，展示了如何通过has选择器来选取包含特定子元素的父元素，并对其应用样式。示例中包含了不同层级的列表项及div元素，通过jQuery的选择器实现了对这些元素的有效定位。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>03_select</title>
    <meta name="author" content="Administrator" />
    <script type="text/javascript" src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function() {
            //检查父类元素中是否有 has 中 包含的表达式
            //获取存在有ul的li，返回的是新包装集
            $("li").has("ul").css("color","#f00");

            $("div").has("span").css("color","#f00");
        });
    </script>
</head>
<body>
    <div>
        <span class="s1">ssssssssssssssssss</span>
    </div>
    <div>
        <span>
            2222222222222222222
        </span>
    </div>

    <div>
        <ul class="u1">
            <li>aaaaaaaaaaaaa</li>
        </ul>
    </div>

    <ul>
        <li>aaaa</li>
        <li>bbbb</li>
        <li>
            <ul>
                <li>cccccccc1</li>
                <li>cccccccc2</li>
            </ul>
        </li>
        <li>
            dddddd
        </li>
    </ul>
</body>
</html>