编写JQuery插件-4

Posted 2020-08-09 月半的博客

封装对象方法的插件

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》，小伙伴们可以读一下，现在轮子已经有了，剩下的就靠大家自己发挥了！！