实现链式调用jQuery插件的方法:首先创建好对象,并调用自己的方法;然后在方法的末尾添加【return this】;最后把对象折返回来,这样对象就可以继续调用方法,从而实现链式操作了。

实现链式的基本条件就是要实例对象先创建好,调用自己的方法。
链式调用是通过return this的形式来实现的。通过对象上的方法最后加上return this,把对象再返回来,对象就可以继续调用方法,实现链式操作了。
Obj().init().setFlag();
分解:
obj = Obj(); obj.init(); obj.setFlag();
如果需要链式的处理,只需要在方法内部返回当前的这个实例对象this就可以了,因为返回当前实例的this,就又可以访问自己的原型了。
本特效源码是一款基于jQuery和CSS3插件hubSlider实现的超酷3D堆叠式幻灯片的代码。该幻灯片将各个slide堆叠在一起,利用jquery,CSS3 transforms和transitions来制作上下切换的堆叠幻灯片效果。本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器。有兴趣的朋友们可以来下载试试吧
Obj.prototype = {
init: function() {
...
return this;
},
setFlag: function() {
...
return this;
}
}链式调用的好处:节省代码量,代码看起来更优雅。
链式调用的问题:所有对象的方法返回的都是对象本身,也就是说没有返回值,所以这种方法不一定在任何环境下都适合。









