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

$('div > p')请问选择的是哪一层的DIV??是遍历一边外层DIV没有P再遍历里面的DIV吗?

$('div > p')请问选择的是哪一层的DIV??是遍历一边外层DIV没有P再遍历里面的DIV吗?

北极的大熊 2017-02-06 10:17:32
例子如下<body>    <h2>子选择器与后代选择器</h2>    <div class="left">        <div class="aaron">            <p>div下的第一个p元素</p>        </div>        <div class="aaron">            <p>div下的第一个p元素</p>        </div>    </div>    <div class="right">        <div class="imooc">            <article>                <p>div下的article下的p元素</p>            </article>        </div>        <div class="imooc">            <article>                <p>div下的article下的p元素</p>            </article>        </div>    </div>    <script type="text/javascript">        //子选择器        //$('div > p') 选择所有div元素里面的子元素P        $('div > p').css("border", "1px groove red");    </script> 
查看完整描述

1 回答

已采纳
?
KevenHuang

TA贡献280条经验 获得超233个赞

这是父子选择器,选择的是只有父子关系的,也就是说div下的p会被选中,而div下article下的p不会被选中,因为这里的p选对div来说已经不是父子关系了,而是祖孙关系,所以就不会被选中。

查看完整回答
1 反对 回复 2017-02-06
  • 北极的大熊
    北极的大熊
    请问,它的这个DIV是怎么确定是哪一个的?这里不是有很多DIV吗
  • KevenHuang
    KevenHuang
    是有很多个div,但是你这个父子选择器已经把那些其他的div排除了,只有div里面包含p的才被选中。
  • 1 回答
  • 0 关注
  • 1384 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信