首页 > 代码库 > jquery的return this.each()的作用
jquery的return this.each()的作用
经常看到在运用jquery插件绑定事件时候,都会用到each。
下面来比较下使用return this和return this.each()在使用的区别。
注意:使用each的时候引用this,必须使用jquery包裹:$(this)。
HTML代码
<p data-x="one">Text one</p>
<p data-x="two">Text two</p>
<p data-x="three">Text three</p>
<p data-x="four">Text four</p><p data-x="two">Text two</p>
<p data-x="three">Text three</p>
JS代码：
$.fn.mangle = function(options) {
this.append(‘ - ‘ + this.data(‘x‘));
return this;
};
$.fn.mangle2 = function(options) {
return this.each(function(){
$(this).append(‘ - ‘ + $(this).data(‘x‘));
});
};
//$(‘p‘).mangle();
$(‘p‘).mangle2();
this.append(‘ - ‘ + this.data(‘x‘));
return this;
};
$.fn.mangle2 = function(options) {
return this.each(function(){
$(this).append(‘ - ‘ + $(this).data(‘x‘));
});
};
//$(‘p‘).mangle();
$(‘p‘).mangle2();
在控制台 结果看出:没有使用each的时候是对整体的元素批量操作，使用啦each时候可以分别对元素进行单独操作
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。