jquery的return this.each()的作用

时间：2014-06-27 15:23:06 阅读：189 评论：0 收藏：0 [点我收藏+]

标签：style class blog code ext color

经常看到在运用jquery插件绑定事件时候,都会用到each。

下面来比较下使用return this和return this.each()在使用的区别。

注意:使用each的时候引用this,必须使用jquery包裹:$(this)。

HTML代码

Text one
Text two
Text three

Text four

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();

在控制台结果看出:没有使用each的时候是对整体的元素批量操作，使用啦each时候可以分别对元素进行单独操作

jquery的return this.each()的作用,布布扣,bubuko.com

jquery的return this.each()的作用

标签：style class blog code ext color

原文地址：http://www.cnblogs.com/heimanba/p/3810154.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行