这里的$("li:has('label')")和$("li>label")是一样的效果 -慕课网

                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

这里的$("li:has('label')")和$("li>label")是一样的效果

dingdang

2014-11-04

源自：jQuery基础课程 3-4

关注问题我要回答

697

操作

收起

2 回答

UltraREX
2014-12-12

这个简单是实例看起来效果是一样的，但是具体是有区别的。 :has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素,例如：$("li:has('label')")选择器代码，获取了包含<label>元素的全部<li>元素；而$("li>label")是获取<li>元素中的全部<label>元素。

4 回复有任何疑惑可以回复我~

收起回答

dingdang 提问者

非常感谢！

2015-07-23 回复有任何疑惑可以回复我~

鲜衣
2015-11-09

<html>

    <head>

        <title>:has(selector)过滤选择器</title>

        <script src="
http://libs.baidu.com/jquery/1.9.0/jquery.js
" type="text/javascript"></script>

        <link href="style.css" rel="stylesheet" type="text/css" />

    </head>

    

    <body>

        <div>改变包含"label"元素的背景色：</div>

        <ol>

            <li><p>我是P先生</p></li>

            <li><label>L妹纸就是我</label></li>

            <li><p>我也是P先生<label>我也是L妹纸</label></p></li>

            <label>我也是L妹纸哦</label>

            <li><label>我也是L妹纸哦</label></li>

            <li><p>P先生就是我哦</p></li>

        </ol>

        

         <script type="text/javascript">

            $("li:has('label')").css("background-color", "blue");

        </script>

    </body>

</html>