jQuery遍历中的其他遍历中包含着很重要的操作
目录
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类的元素并设置背景颜色为绿色。