編寫自己的jQuery擴充套件(外掛程式)

2021-08-21 05:39:27 字數 1754 閱讀 6119

1.$.extend,以乙個頁面彈窗為例:

//$.extend有兩種寫法,注意擴充套件時funcname=function()和funcname:function()的區別

//1. $.funcname = function(){},一般用於定義單個擴充套件(外掛程式)

$.popup = function

(text, type, second = 2) ,

'warning': ,

'error':

}type = type in types ? type : 'info'

$p = $('

').text(':'.format(type, text)).css().css(types[type]);

settimeout(() => $p.fadeout(), parseint(second) * 1000)

};

//2. $.extend(, funcname2:function(){}}),一般用於定義多個擴充套件(外掛程式)

$.extend(,

});

//呼叫方式:

$.popup("儲存失敗!", "error", 3)

2.$.fn.extend,以乙個在游標處插入文字為例:

//和$.extend一樣,$.fn.extend也是同樣的兩種寫法

//1. $.fn.funcname = function(){},一般用於定義單個擴充套件(外掛程式)

$.fn.insertcontent = function

(myvalue, t)

} else

if ($t.selectionstart

|| $t.selectionstart == '0')

} else

}

//2. $.fn.extend(, funcname2:function(){}}),一般用於定義多個擴充套件(外掛程式)

$.fn.extend(,

})

//呼叫方式

3.[datatype].prototype,以乙個文字格式化為例:

//[datatype].prototype只有一種寫法

string.prototype.format = function

(args) )", "g");

result = result.replace(reg, args[key]);}}

}else )", "g");

result = result.replace(reg, arguments[i]);}}

}}return result;

}

//呼叫方式

var text = '": , "": ""}'.format('id',1,'name','nandy')

jquery外掛程式編寫

最近大家都玩什麼react node angular這些玩意去了 隨著瀏覽器的相容性 以及前端開發思想的進化 jquery逐漸被拋棄 現在自己也很少用了 純粹為了懷戀曾經的jquery.現在寫寫jquery外掛程式的寫法。沒事的時候避免老年痴呆,可以用來玩玩。寫法一 function window ...

jQuery 編寫外掛程式

jquery為開發外掛程式提供了兩個方法,分別是 1 類級別的外掛程式開發,即給jquery新增新的全域性函式,相當於給jquery類本身新增方法。2 物件級別的外掛程式開發,即給jquery物件新增方法。1 類級別的外掛程式開發 用的比較少 a.新增全域性函式 jquery.foo functio...

jQuery 編寫外掛程式

編寫乙個jquery外掛程式的原則 給 fn繫結函式,實現外掛程式的 邏輯 外掛程式函式最後要return this 以支援鏈式呼叫 外掛程式函式要有預設值,繫結在 fn.defaults上 使用者在呼叫時可傳入設定值以便覆蓋預設值。一 fn 給jquery物件繫結乙個新方法是通過擴充套件 fn物件...