jQuery链式操作

jQuery链式操作

在jQuery中，执行完方法之后，都会返回当前的对象（ return this ），对象当然可以继续调用方法啦，所以我们就可以进行链式操作了

首先来看一个例子：

$("li").css("color","gold").prevAll().css("color","gold");

对一个jQuery对象先调用了css()修改节点样式，然后使用prevAll().css()修改节点之前所有兄弟节点的样式，这种调用方式象链一样，所以称为“链式操作”。

链式操作能够让代码变得简洁，因为往往可以在一条语句中实现以往多条语句才能完成的任务。

如果不使用链式操作，需要用两条语句才能完成上面的任务：

$("li").css("color","gold");

$("li").prevAll().css("color","gold");

除了增加了代码量，还调用了两次选择器，降低了速度。

jQuery链式操作,布布扣,bubuko.com