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

jquery 插件封装模板

时间:2018-01-23 13:15:41      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:extend   click   mouseover   use   fun   each   rip   box   执行   

//插件编写模板
;(function ($) {
    $.fn.plugIn = function ( opt ) {
        var def = {
            //这里填写自定义的参数例如:
            event : ‘click‘
        }
        opt = $.extend( def , opt );
        this.each(function(){

            var that = $(this); //that 指的是 .box
             //测试执行
            that.on( opt.event , function(){
                alert( opt.event );
            });

        });
        return this;
    }
})(jQuery);

//调用
$(‘.box‘).plugIn({
    event : ‘mouseover‘ //可进行篡改
});

  

jquery 插件封装模板

标签:extend   click   mouseover   use   fun   each   rip   box   执行   

原文地址:https://www.cnblogs.com/zhoubingyan/p/8335018.html

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