为了账号安全,请及时绑定邮箱和手机立即绑定

觉得$("a:has('p')")和$("a>p")这个没区别啊

正在回答

3 回答

有区别  li:has(selector)选择到的是包含select的li。如果修改css  那么修改的就是li的css   

而子代选择器选择的是子代自己  如li>span  修改css的话修改的就是span的样式

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

has选的 父容器    >选择的子容器  我是这样理解的

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

<!DOCTYPE html>
<html>
<head>
    <title>:has(selector)过滤选择器</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
    <div>改变包含"label"元素的背景色:</div>
    <ol>
        <li><p><span>我是P先生</span></p></li>
        <li><label>L妹纸就是我</label></li>
        <li><p>我也是P先生</p></li>
        <li><label>我也是L妹纸哦</label></li>
        <li><p>P先生就是我哦</p></li>
    </ol>
</body>
<script type="text/javascript">
   
    $("li:has(span)").css("background-color", "blue");
    <!--$("li>span").css("background-color", "blue");
    $("li span").css("background-color", "blue");-->
</script>
</html>

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

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154699    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号