JQuery插件

2017-03-27  本文已影响0人  野薇薇

类扩展:

(function ($) {
    $.extend({
        max:function (a, b) {return (a > b ? a : b);},
        add:function (a, b) {return a+b;}
    })
})(jQuery)
//调用方法:
//console.log("野薇薇"+ $.add(2,3));
//console.log("野薇薇"+ $.max(2,3));
//独立命名,防止冲突
(function ($) {
    $.MyPlugin = {
        max:function (a, b) {return (a > b ? a : b);},
        add:function (a, b) {return a+b;}
    }
})(jQuery)
//调用方法:
//console.log("野薇薇"+ $.MyPlugin.add(2,88));
//console.log("野薇薇"+ $.MyPlugin.max(99,3));

对象扩展:

(function ($) {
    $.fn.changeColor = function () {this.css("color","red");return this};
    $.fn.setFontSize = function () {this.css("fontSize","30px"); return this}
})(jQuery)
//$("p").changeColor().setFontSize();
(function ($) {
    $.fn.extend({
        changeColor : function () {this.css("color","blue");return this},
        setFontSize : function () {this.css("fontSize","100px"); return this}
    })
})(jQuery)
//$("p").changeColor().setFontSize();
上一篇下一篇

猜你喜欢

热点阅读