首页 > 代码库 > jQuery 插件

jQuery 插件

1. 对JQuery自身的扩展插件

对JQuery 自身方法库的扩展,用$.YouMethodName()进行调用。

(1).插件的编写

$.extend({

YouMethodName:function(){

//you can handle something here

}

});

(2).插件的调用

$.YouMethodName();

2. 对HTML标记或页面元素进行扩展

(1).编写插件

(function($){

$.fn.YouMethodName = function(options){

     var default = {

           name:"lin",

           sex:"g"

      }

     var option = $.extend(defalut,options);

     //do what you want to do

};

})(jQuery);

(2)调用

$("#newTable").YouMethodName();  

备注:假若有需要,可以再插件内部进行自调用

(function($) {   
$.tableUI = { set: function() {   
 
};   
//此处需要进行自调用   
$(function() {   
$.tableUI.set();   
});   
})(jQuery);
 
 jQuery插件的文件名推荐命名为jquery.[插件名].js,以免和其他JavaScript库插件混淆。例如命名为jquery.color.js。
 所有的方法或函数插件,都应当以分号结尾,否则压缩的时候可能出现问题。为了更稳妥些,甚至可以在插件头部先加上一个分号,以免他人的不规范代码给插件带来影响

jQuery 插件