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

jquery插件开发

时间:2015-12-30 17:26:38      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

;(function($, window, document,undefined) {
    var Beautifier = function(ele, opt) {                      //创建对象
        this.$element = ele,                                   //接受jq对象
            this.defaults = {                                  //默认参数
                ‘color‘: ‘red‘,
                ‘fontSize‘: ‘12px‘,
                ‘textDecoration‘: ‘none‘
            },
            this.options = $.extend({}, this.defaults, opt)  //传递的参数和默认参数合并
    }
    Beautifier.prototype = {                                 //对象添加方法
        beautify: function() {
            return this.$element.css({
                ‘color‘: this.options.color,
                ‘fontSize‘: this.options.fontSize,
                ‘textDecoration‘: this.options.textDecoration
            });
        }
    }

    $.fn.myPlugin = function(options) {                      //把对象的方法添加到jquery方法中

        var beautifier = new Beautifier(this, options);      //外部传进jq对象和用户配置

        return beautifier.beautify();                        //调用对象方法
    }
})(jQuery, window, document);

 

jquery插件开发

标签:

原文地址:http://www.cnblogs.com/yexiangwang/p/5089285.html

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