jQuery 編寫外掛程式

2021-09-20 06:35:21 字數 1248 閱讀 4340

jquery為開發外掛程式提供了兩個方法,分別是:

(1)類級別的外掛程式開發,即給jquery新增新的全域性函式,相當於給jquery類本身新增方法。

(2)物件級別的外掛程式開發,即給jquery物件新增方法。

(1)類級別的外掛程式開發(用的比較少)

a. 新增全域性函式

jquery.foo = function() 

jquery.bar = function()

// 呼叫方式:

jquery.foo(); //$.foo();

jquery.bar(); //$.bar();

b. 使用 jquery.extend(obj)(相較於上面一種方式,這種方式可以一次性新增多個方法)

jquery.extend(,

bar: function()

});// 呼叫方式:

jquery.foo(); //$.foo();

jquery.bar(); //$.bar();

c. 使用命名空間

jquery.myplugin = ,

bar: function()

};// 呼叫方式:

$.myplugin.foo();

$.myplugin.bar();

看個demo,採用第二種方法分別寫了兩個方法 min() 和 max():

(function($)

});})(jquery);

// 形式2:

(function($);

})(jquery);

看個demo,實現字型高亮設定:

jquery為開發外掛程式提供了兩個方法,分別是:

(1)類級別的外掛程式開發:jquery.fn.extend(object);

(2)物件級別的外掛程式開發:jquery.extend(object);

物件級別的外掛程式開發有兩種形式:

形式1:(function($)});})(jquery);

形式2:(function($);})(jquery);

執行結果:

jquery外掛程式編寫

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

jQuery 編寫外掛程式

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

編寫jQuery外掛程式

編寫外掛程式的目的是給已經有的一系列方法或函式做乙個封裝,以便在其他地方重複使用,提高開發效率和方便後期維護。本文將詳細介紹如何編寫jquery外掛程式 jquery的外掛程式主要分為3種型別 1 封裝物件方法 2 封裝全域性函式 可以將獨立的函式加到jquery命名空間下,如常用的jquery.a...