jQuery自定義插件

很久沒接觸jQuery了，那現在溫習一下jQuery自定義插件：

淺談jQuery編寫插件的兩種方法：

第一種：$.extend形式：

注意：

            為避免$標識符被重新定義，出現沖突，導致無法使用

            通常在匿名函數中以$作為形參，在調用時用jQuery作為實參

(function($){
    $.extend({
        Address:function(){
            console.log("噢，我漸漸的喜歡上東莞了");
        }
    });
})(jQuery);

接着在引用Address():

        function GetAddress(){
            $.Address();
        }

看console輸出就是：

第二種： $.fn.extend形式

(function($){
    $.fn.extend({
        Job:function(){
            console.log("噢，我在搬磚");
            return this; 
        }
    });
})(jQuery);

接着調用$().Job()

    function GetJob(){
            // console.log($().Job())
            $("#job").Job().css("background","red"); 

看輸出

 

 就是如此，簡單吧。