jQuery 插件为什么要return this.each()
2016-03-14 18:12
441 查看
jQuery.fn.test2= function(){
this.css("background","#ff0");//这里面的this为jquery对象,而不是dom对象
return this.each(function(){ //遍历匹配的元素,此处的this表示为jquery对象,而不是dom对象
alert("this"+this+this.innerHTML); //提示当前对象的dom节点名称,这里的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。
});
};
this.css(),this.each()里面的this为jquery对象,但是alert里面this为dom对象.
为什么要return this.each()
先return this.each(),后调用each()方法,而each()方法返回jQuery对象,所以这样就可以继续链式操作了。
this.css("background","#ff0");//这里面的this为jquery对象,而不是dom对象
return this.each(function(){ //遍历匹配的元素,此处的this表示为jquery对象,而不是dom对象
alert("this"+this+this.innerHTML); //提示当前对象的dom节点名称,这里的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。
});
};
this.css(),this.each()里面的this为jquery对象,但是alert里面this为dom对象.
为什么要return this.each()
先return this.each(),后调用each()方法,而each()方法返回jQuery对象,所以这样就可以继续链式操作了。
相关文章推荐
- JQuery:选择器、动画、AJAX请求
- jquery如何获取一个select里面的所有option的值
- jquery知识小结
- Jquery 之DOM文档操作(一)
- jQuery设置checkbox全选(区别jQuery版本)
- jQuery获取Select选择的Text和 Value(转)
- ectouch 实现按需加载商品信息(Jquery 2.1.1 插件版本)
- jquery之AJAX
- jquery实现二级联动,实时查询数据库
- jquery获取复选框checkbox的值
- Jquery validate 静态方法和常用方法的使用
- [前端] jquery验证手机号、身份证号、中文名称
- HTML5开发移动web应用—JQuery Mobile(4)-事件
- jquery+css3实现3D拖拽相册
- 从jQuery中学习来的另一种继承方式(技巧)
- DOM对象和jQuery对象互相转换
- JQuery表单验证的方法和实例
- 利用时间戳解决频繁更新图片造成的图片缓存问题
- 如何将货币字符串转换为double与jQuery或JavaScript?
- javaScript和jQuery自动加载方法