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");
除了增加了代码量,还调用了两次选择器,降低了速度。