码迷,mamicode.com
首页 > Web开发 > 详细

jQuery链式操作

时间:2014-05-09 09:37:57      阅读:353      评论:0      收藏:0      [点我收藏+]

标签:style   color   c   使用   a   代码   

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

jQuery链式操作

标签:style   color   c   使用   a   代码   

原文地址:http://www.cnblogs.com/lybk/p/3716946.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!