一種
jQuery.extend({
? ? myAlert2:function (str1) {
? ? ? ? alert(str1);
? ? },
? ? myAlert3:function () {
? ? ? ? alert(11111);
? ? }
});
二種
;(function ($) {
? ? $.fn.plugin=function (options) {
? ? ? ? vardefaults={
? ? ? ? ? ? //各種參數(shù)、各種屬性};
//options合并到defaults上,defaults繼承了options上的各種屬性和方法,將所有的賦值給endOptions
var endOptions=$.extend({},defaults, options);
? ? ? ? return this.each(function () {
? ? ? ? ? ? //實(shí)現(xiàn)功能的代碼? ? ??
?????????});
? ? };
})(jQuery);
三種
//定義Beautifier的構(gòu)造函數(shù)
var Beautifier = function(ele, opt) {
? ? this.$element = ele,
? ? this.defaults = {
? ? ? ? 'color': 'red',
? ? ? ? 'fontSize': '12px',
? ? ? ? 'textDecoration':'none'
? ? },
? ? this.options = $.extend({}, this.defaults, opt)
}
//定義Beautifier的方法
Beautifier.prototype = {
? ? beautify: function() {
? ? ? ? return this.$element.css({
? ? ? ? ? ? 'color': this.options.color,
? ? ? ? ? ? 'fontSize': this.options.fontSize,
? ? ? ? ? ? 'textDecoration': this.options.textDecoration
? ? ? ? });
? ? }
}
//在插件中使用Beautifier對(duì)象
$.fn.myPlugin = function(options) {
? ? //創(chuàng)建Beautifier的實(shí)體
? ? var beautifier = new Beautifier(this, options);
? ? //調(diào)用其方法
? ? return beautifier.beautify();
}
