可以在相同的元素上运行多条jQuery命令的方法

作者：张铭标

撰写时间：2019年 8月16日

一般来说,我们平时都是在一个元素上只能使用一条jQuery语句.这样的画浏览器就需要多次查找出相同的元素,那么,有没有一种方法可以使得在一个元素上同时运行多条jQuery命令呢? 答案当然是有的,在jQuery里有一种名叫Chaining的技术,是允许我们在相同的元素上运行多条jQuery命令的.

使用这种方法您只要简单地把该动作追加到之前的动作上就可以实现啦.

实例说明:

$("#shili").css("color","blue")

.slideUp(2000)

.slideDown(2000);

这里把css(),slideUp()和slideDown()连接在了一起.里面的"shili"元素就会按照先后顺序进行逐一的执行:先变为蓝色,然后向上滑动,再然后向下滑动.如果还要执行其它的操作也可以往下添加更多的方法也是可以把它们连接起来一起执行的,只不过这样的话,代码行看起来会变得很差,可读性会降低,不过因为jQuery语法不是很严格所以完全可以按照自己喜欢的格式来写,只要看得懂就行啦.

效果图:

这里这个元素就先变成了蓝色,然后向上滑动再向下进行滑动,完成了多条jQuery对这一个元素的影响.