码迷,mamicode.com
首页 > Web开发 > 详细

编写JQuery插件-4

时间:2016-09-19 17:45:42      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

封装对象方法的插件

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

标签:

原文地址:http://www.cnblogs.com/pangzi666/p/5885800.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!