jquery常用方法—add方法、end方法

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>

猜你喜欢

转载自blog.csdn.net/qq_42778001/article/details/90286903
今日推荐