基於jQuery 的外掛程式開發

2022-08-28 14:06:31 字數 996 閱讀 5216

談到jquery,對於開發人員是再熟悉不過了,從其誕生發展到到目前,一路走來,歷經風雨變化十幾載,依舊是開發人員使用最廣泛、最常用、也是最成熟的js庫。但其再成熟也不可能開發出所有的功能,於是乎就用了外掛程式這麼一說,用來拓展和補充jquery 的功能。

外掛程式開發最常用的兩種方法:

1. 擴充套件 jqueyr 物件
jquery.extend(

});使用方法

$.funname();

或者這樣寫:

(function($)

});})(jquery);

// 這種方式的模式我們可以這樣理解

function jq()

jq.funname = function()

// 如果要使用 funname 是不是這樣的 jq.funname();

注意:使用 iife 模式(立即執行函式) 的方式開發外掛程式,避免 $ 物件被汙染,我們獲取 jquery 物件,然後在 iife 中傳入過去,使用 $ 來接受

2.擴充套件 jqueyr 選擇器選擇出來的物件
jquery.fn.extend(

});使用方法

$("dom").funname();

或者這樣寫:

(function($)

});})(jquery);

// 原理解析

$.fn.extend 我們可以理解為如下方式

function jq()

jq.prototype.funname = function()

// 如果我們要使用 funname 是不是這樣的方式 jq().funname();

以上拙見,有不對處,望指正,謝謝!

基於jQuery開發的外掛程式及demo

jquery外掛程式開發方式主要有三種 function window,document,undefined jquery,window,document 簡易的乙個例子 function window,document,undefined this.options extend this.defa...

jQuery外掛程式的開發

jquery外掛程式開發方式主要有三種 通過 extend 來擴充套件jquery 通過 fn 向jquery新增新的方法 通過 widget 應用jquery ui的部件工廠方式建立 通常我們使用第二種方法來進行簡單外掛程式開發,說簡單是相對於第三種方式。第三種方式是用來開發更高階jquery部件...

基於jQuery編寫外掛程式

寫在前面 相信很多使用過框架的人都不會再想著用jquery庫去找選擇器,對dom樹進行複雜的操作了吧,但是用jquery去擴充套件外掛程式和方法還是很有用途的,最起碼對自己的程式設計基礎還是很有用的,jquery庫相對穩定,自己擴充套件出來的方法或函式方便後期維護和提高自己的開發效率。1.我們最常接...