jQuery 插件开发

2019独角兽企业重金招聘Python工程师标准>>>

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