首页 > 代码库 > 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");
除了增加了代码量,还调用了两次选择器,降低了速度。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。