jQuery外掛程式開發

2022-07-15 01:18:09 字數 2094 閱讀 3941

外掛程式: 就是使用者自己新增的jquery例項物件的方法。由於該方法要被所有例項共享,所以只能定義在jquery建構函式的原型物件(prototype)之上。對於使用者來說,把一些常用的操作封裝成外掛程式(plugin),使用起來會非常方便。

jquery外掛程式是定義在jquery建構函式的prototype物件上面的乙個方法,這樣做就能使得所有jquery物件的例項都能共享這個方法。因為jquery建構函式的prototype物件被簡寫成jquery.fn物件,所以外掛程式採用下面的方法定義。

需要注意的是,在外掛程式內部,this關鍵字指的是jquery物件的例項。而在一般的jquery**函式之中,this關鍵字指的是dom物件。

這個maxheight外掛程式的作用是,返回一系列dom物件中高度最高的那個物件的高度。

大多數情況下,外掛程式應該返回jquery物件,這樣可以保持鏈式操作。

外掛程式可以接受乙個屬性物件引數

jquery逐漸從瀏覽器環境,變為也可以用於伺服器環境。所以,定義外掛程式的時候,最好首先偵測一下執行環境。

這是jquery的**

可以看出也對環境進行檢測

給jquery類新增方法 可以理解為新增靜態方法。典型的例如$.ajax() 將函式定義與

jquery

的命名空間中。有如下幾種形式進行擴充套件;

//建立乙個閉包

2 ;(function

($);

13//

這裡可以初始化變數

14var space = def.time; //

常量 4000

15//

獲取dom物件要加$符號 建議變數也加$ 讓其知道是jquery變數

16var id =$(def.domid);

17//

動態更新變化的 就要用的時候呼叫 例如輪播圖

18 $(def.actice).index(); //

這裡表示輪播動態獲取他的索引值

1920

var def =$.extend({},def,options);

2122

//這個this指向的jquery物件

23return

this.each(function

());

3435

var markup = $this

.html();

36//

呼叫 format function

37 markup =$.fn.hilight.format(markup);

38 $this

.html(markup);

39});

40};

4142

//私有函式

43function

debug($obj)

47};

4849

//暴露函式

50 $.fn.hilight.format = function

(text);

53//

閉包結束

54 })(jquery);

jQuery 外掛程式開發

一 類級別的外掛程式開發 即給jquery新增新的全域性函式,相當於給jquery類本身新增方法,jquery的全域性函式就是屬於jquery命名空間的函式。1 新增全域性函式 方法一 jquery.onetest function jquery.twotest function 方法二 jquer...

jquery 外掛程式開發

自定義主要通過兩種方式實現 extend fn.extend 呼叫的方法分別是 aa this aa 注意 建立函式時不要放在 function 中,呼叫時候要放在事件裡面 this click function jquery.extend 函式詳解 jquery的extend擴充套件方法 jque...

jquery 外掛程式開發

jquery外掛程式開發一般通過兩種框架方式 一種是在jquery物件上直接定義新成員,形成外掛程式 另一種是封裝完整的外掛程式 然後將jqeury作為引數自身呼叫,達到給jquery物件擴充套件功能目的,形成外掛程式。其實兩種方式都是給jqeury物件擴充套件成員來實現外掛程式功能的,所以本質上功...