首页 > Web开发 > 详细

编写JQuery插件-4

时间:2016-09-19 17:42:32      阅读:198      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!