首页 > 代码库 > jquery插件

jquery插件

扩展jQuery有两种形式

    1.在$(jQuery的别名)上直接定义函数

    2.对jQuery包装集进行操作的方法(所谓的jQuery命令)

 

插件如何避免命名冲突

  1.文件以jquery为前缀

    2.前缀后接插件名称

    3.文件以.js结尾

       如:jquery.fred.js

 

如果其他地方使用了jQuery.noConflict()让另一个库占用了$  , 如何继续使用$

(function($){

  //do something

})(jQuery);

通过传递jQuery到定义参数为$的函数,这样确保$在函数体内引用jQuery

 

类级别的插件

$.say = function(what){

  alert(‘i say‘+what)

}      //这种方式容易导致命名冲突

jQuery.say = function(what){

  alert(‘i say‘+what)

}      //这种方式大量使用了jQuery

(function($){

    $.say = function(what){

      alert(‘i say‘+what)

    }      //使用这种方式

})(jQuery);

 

对象级别的插件

(function($){

    $.fn.makeItBlue=funciton(){

    return this.css(‘color‘,‘blue‘);

  }

})(jQuery);

 

jquery插件