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的可链式操作肯定比这里操作要复杂的多
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值