• jQuery 插件开发


    jQuery插件的种类 

    1.对象级别插件开发,即给jQuery对象添加方法,封装对象方法的插件,例如:append()、val()。 
    2.类级别插件开发,即给jQuery添加全局函数,相当于给类本身添加方法,例如:$.ajax();

    jQuery的插件机制 

    jQuery为开发插件提供了两种方法。 

    1. jQuery.fn.extend(object),给jQuery对象添加方法。 

    2. jQuery.extend(object),给jQuery类添加方法。 

    简单的例子

    <!doctype html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>自定义jQuery插件</title>
      </head>
      <body>
        <div id="i1"></div>
        <script src="plugs/jquery-2.2.3.min.js"></script>
        //引入自定义插件
        <script src="jquery.test.js"></script>
        <script>
          $("#i1").test();
          alert($.min(1,2)) // 1
        </script>
      </body>
    </html>
    
    //jquery.test.js文件
    //这是一个自定义的jQuery插件
    (function($){
      //对象级别方法1
      $.fn.extend({
        test:function(){
          var s="This is my first jQuery";
          $(this).append(s);
        }
      });
      //对象级别方法2
      $.fn.test1 = function(){
        var s = "This is another Test";
        $(this).append(s);
      }
      //类级别方法
      $.extend({
        min:function(a, b){
          return a < b ? a : b;
        }
      });
    })(jQuery);

    转载于:https://my.oschina.net/kimyeongnam/blog/1854408

  • 相关阅读:
    3.18构建之法读后感2
    3.17Android学习
    coredns-66bff467f8-krldv CrashLoopBackOff
    6443: connect: network is unreachable
    卸载flannel
    电梯演讲
    每日学习
    梦断代码读后感1
    每日学习
    每日学习
  • 原文地址:https://www.cnblogs.com/twodog/p/12136462.html
Copyright © 2020-2023  润新知