Jquery外掛程式開發

2022-09-14 09:15:12 字數 1213 閱讀 1989

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

1、有很多自己想要的功能或者方法jquery本身並沒有提供,但是我們可以通過自己寫乙個外掛程式來實現;

2、為了方便我們可以通過在網上搜到的外掛程式來實現一些功能,但是如果那些外掛程式不能完全滿足你的需求的話我們就束手無策了!如果我們學會怎麼寫外掛程式的話,我們可以通過稍微修改別人寫的外掛程式源**就可以實現我們的需求。

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

更好的做法是採用下面的寫法,這樣就能在函式體內自由使用美元符號($)。

(function ($);})(jquery);

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

1、不同的function,this不同,要想知道this指什麼,最直接的方法就是把它console.log(this);

2、判斷乙個this是不是jquery例項可以: this instanceof jquery; 如果返回true,說明它是jquery例項;

3、這個例子的第二個this是個dom節點,要給dom節點新增jquery方法就要把它轉換成jquery物件:$(this).hide('slow').

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物件擴充套件成員來實現外掛程式功能的,所以本質上功...