zoukankan      html  css  js  c++  java
  • jquery的return this.each()的作用

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

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

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

     HTML代码

    <data-x="one">Text one</p>
    <data-x="two">Text two</p>
    <data-x="three">Text three</p>
    <data-x="four">Text four</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(); 

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


  • 相关阅读:
    统计一行字符串中每个字母个数
    不定宽高的文字在div中垂直居中
    转:Python 与 Excel 不得不说的事
    Centos 6安装python3.5
    day04
    day03
    Day02
    python ciscolib模块
    三级菜单
    模拟登陆系统
  • 原文地址:https://www.cnblogs.com/heimanba/p/3810154.html
Copyright © 2011-2022 走看看