jquery链式DOM的实现原理

来源:互联网 发布:程序员 知乎 编辑:程序博客网 时间:2024/06/05 05:54

DOM链式调用的处理:

1.节约JS代码.

2.所返回的都是同一个对象,可以提高代码的效率。

      DOM的必要点:

  1.通过简单扩展原型方法并通过return this的形式来实现跨浏览器的链式调用。

  2.利用JS下的简单工厂模式,来将所有对于同一个DOM对象的操作指定同一个实例。

//定义一个JS类
function Demo() {
}
//扩展它的prototype
Demo.prototype ={
setName:function (name) {
this.name=name;
return this;
},
getName:function () {
return this.name;
},
setAge:function (age) {
this.age=age;
return this;
}
};
////工厂函数
function D() {
return new Demo();
}
//去实现可链式的调用
D().setName("CJ").setAge(18).setName();
当然Jquery的可链式操作肯定比这里操作要复杂的多
0 0
原创粉丝点击