首页 > 代码库 > jQuery链式操作

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");

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