首页 > Web开发 > 详细

jquery插件

时间:2015-01-07 12:34:57      阅读:322      评论:0      收藏:0      [点我收藏+]

扩展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插件

原文:http://www.cnblogs.com/shenming/p/4208057.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!