jquery链式DOM的实现原理

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的可链式操作肯定比这里操作要复杂的多