jquery自己封装简单的插件

通过jquery封装一些自己常用的插件,可以让项目模块化,代码复用性提高。

通过继承关系。

(function ($) {
  console.log('plugin');

  $.fn.cloneMore = function (number) {

    for(var i =0;i<number;i++){
      var clone = $(this).clone(true);
      console.log('clone'+i+clone);

    }

  };

  $.fn.plugin1 = function (parm1,parm2) {
    //插件1
  };

  $.fn.plugin2 = function () {
    //插件2
  };


})(jQuery);

 

引入该定义的JS文件调用该插件,然后直接调用

$(document).ready(function () {
  console.log('ready');
  $('.class1:first').cloneMore(2);
  $('.class1:last').plugin2();
  
});

 

posted @ 2017-03-16 09:39  handsomeBoys  阅读(234)  评论(0)    收藏  举报