jQuery遍历-其他遍历

jQuery遍历中的其他遍历中包含着很重要的操作

目录

add()

content()

end()

---

add()

描述：添加元素到匹配的元素集合中。

这个也是经常用到的，如果我们要设置div和p相同的的样式而div又有单独的样式的时候。可以用这个

<div></div>
<p></p>
<script>
    $(function(){
        $("div").css("border","1px solid red").add("p").css("background-color","green");
    })
</script>

上述代码通过jQuery的链式调用先选中div添加样式，然后在把p元素加入到div集合中，共同设置样式。

content()

描述：获取匹配元素集合中每个元素的子元素，包括文本节点和注释节点

<div>
    123
    <p>
    
    </p>
</div>
<script>
    $(function(){
        $("div").content()
    })
</script>

end()

描述：终止在当前链的最新的过滤操作，并返回匹配元素之前的状态。

这个是很有用处的，相当于返回上一级的作用

<div>
    <p class="foo"></p>
    <p class="bar"></p>
</div>
<script>
    $(function(){
        $("div").find(".foo").css("background-color","red").end().find("bar").css("background-color","green")
    })
</script>

上述代码的意思是：选中了div找div下的foo类元素并设置背景颜色为红色，然后返回选中div的那个状态，再找div下的bar类的元素并设置背景颜色为绿色。

主页传送门