代码改变世界

jquery插件写法的模板

2016-10-28 22:36  吴盛钢  阅读(865)  评论(0编辑  收藏  举报

1,jquery类级插件开发(用得非常少):

  //1,直接给jquery添加全局函数

  jQuery.myAlert=function(str){
  alert(str);
  }
  jQuery.myAlert2=function(str){
  alert(str);

  //2,用extend()方法
  jQuery.extend({
  myAlert:function(str){
  alert(str);
  },
  myAlert2:function(){
  alert("2222");
  }
  })
  //3,使用命名空间
  jQuery.zxit={
  myAlert:function(str){
  alert(str);
  }
  }

2,jquery对象级插件开发

  ;(function($){

  $.fn.plugin=function(options){
  var defaults={
  //各种参数,各种属性
  }

  var options=$.extend(defaults,options);

  this.each(function(){
  //实现功能的代码
  });
  return this;
  }
  })(jQuery);