add ( ) : 叠加选出元素,一起操作;
下边的意思是:选择出box1和box2,改变文字颜色
<div class="box1">1</div>
<div class="box2">2</div>
<script>
$("box1").add("box2").css({color:"red"});
</script>
end ( ) : 回退操作,返回到上一个元素(原理是:prevObject);
在讲find方法的时候,提到了prevObject这个属性,感兴趣的小伙伴可以去看下。
下边的例子:在class类名为box的div里边,找到class类名为one的div,给内容加上红色;
<div class="box">
<div class="one">1</div>
<div class="two">2</div>
</div>
<script>
$(".box").find(".one").css({color:"red"});
</script>
我想返回到上一步找到class类名为two的div,在给它内容加上蓝色;
<div class="box">
<div class="one">1</div>
<div class="two">2</div>
</div>
<script>
$(".box").find(".one").css({color:"red"}).end().find().css({color:"blue"});
</script>