編寫jQuery插件---簡單總結

jQuery的插件主要分爲3種類型：

1.封裝對象方法的插件

2.封裝全局函數的插件

3.選擇器插件

注：

• jQuery插件的文件名推薦命名爲jquery.[插件名].js，以避免和其餘javascript庫插件混淆。
• 全部的對象方法都應當附加到jQuery.fn對象上，而全部的全局函數都應當附加到jQuery對象自己上。
• 在插件內部，this指向的是當前經過選擇器獲取的jQuery對象，而不是指DOM元素。

插件中的閉包：

常見的jQuery插件都是如下這種形式的

（function(){

/*這裏放置代碼*/

})();

首先定義一個匿名函數function(){/*這裏放置代碼*/}，而後用括號括起來，變成(function(){/*這裏放置代碼*/})這種形式，最後經過()這個運算符來執行。能夠傳遞參數進去，以供內部函數使用。

(function($){  //此處將$做爲匿名函數的形參

/*這裏放置代碼，能夠使用$做爲jQuery的縮寫別名*/

})(jQuery);   //這裏就將jQuery做爲實參傳遞給匿名函數了

舉兩個例子：

（function($){

        $.fn.extend({

                "color":function(value){

                        return this.css("color",value);

                 }

         });

})(jQuery);

(function($){

    $.extend({

        ltrim:function(text){

            return (text||"").replace(/^\s+/g,"");

        },

        rtrim:function(    text    ）{

            return (text||"").replace(/\s+$/g,"");

        }

    });

})(jQuery);