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

例子如下


<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>

 

北极的大熊
浏览 1385回答 1
1回答

KevenHuang

这是父子选择器,选择的是只有父子关系的,也就是说div下的p会被选中,而div下article下的p不会被选中,因为这里的p选对div来说已经不是父子关系了,而是祖孙关系,所以就不会被选中。
打开App,查看更多内容
随时随地看视频慕课网APP