編寫JQuery外掛程式-4

標籤：

封裝對象方法的外掛程式

jQuery.fn.extend() 的兩種寫法

以添加一個點擊按鈕為例：

方法一：

(function ($) {    $.fn.mask = function(options){        options = $.extend({            _class:‘.maskHomeNew‘,        },options);        console.log(options._class);        $(options._class).click(function(){            $(this).hide();        });    }})(jQuery)

方法二：

(function ($) {    $.fn.extend({        mask:function(options){            options = $.extend({                _class:‘.maskHomeNew‘,            },options);            console.log(options._class);            $(options._class).click(function(){                $(this).hide();            });        }    });})(jQuery)

方法調用

$(".closeN").mask(); // 方法調用可以添加自定參數{_class:".aa"}

 到此，jq外掛程式篇全部結束，內容參考《鋒利的jQuery》，小夥伴們可以讀一下，現在輪子已經有了，剩下的就靠大家自己發揮了！！

編寫JQuery外掛程式-4