鋒利的jQuery 7 編寫外掛程式基礎知識

2022-10-11 01:39:08 字數 629 閱讀 2099

外掛程式的基本要點:

1.命名推薦:jquery.[外掛程式名].js,避免和其他js庫外掛程式混淆。

2.物件方法附加到:jquery.fn上,全域性函式附加到:jquery物件本身。

3.在外掛程式內部,this指向當前通過選擇器獲取的jquery物件,非dom物件。

4.如果選擇器獲取多個元素,可通過this.each遍歷。

5.外掛程式應該返回jquery物件,方便鏈式操作。

6.避免在外掛程式內部使用$別名,應該用完整的jquery表示。可利用閉包來避免這個問題。

//

為了更好的相容性,前邊加個分號,防止壓縮時其他js**沒加分號

;(function($))(jquery); //

jquery作為實參傳入,就可以在匿名函式內使用$

外掛程式中的閉包理解:

;(function

($)

/*下邊的函式讓匿名函式內部的函式bar()逃逸到全域性可訪問的範圍,這樣就可以在匿名函式的外部通過jquery.bar()來訪問內部定義的函式bar(),並且內部函式bar()也能訪問foo變數

*/$.bar =bar();

})(jquery);

鋒利的jQuery 7 編寫外掛程式基礎知識

外掛程式的基本要點 1.命名推薦 jquery.外掛程式名 js,避免和其他js庫外掛程式混淆。2.物件方法附加到 jquery.fn上,全域性函式附加到 jquery物件本身。3.在外掛程式內部,this指向當前通過選擇器獲取的jquery物件,非dom物件。4.如果選擇器獲取多個元素,可通過th...

jquery外掛程式的編寫

一 區別兩種普通的寫法 jquery function 全寫為jquery document ready function function jquery 其實際上是執行 para 匿名方法,只不過是傳遞了jquery物件。jquery function 用於存放操作dom物件的 執行其中 時dom...

簡單的Jquery 外掛程式編寫

jquery如此流行,各式各樣的jquery外掛程式也是滿天飛。你有沒有想過把自己的一些常用的js功能也寫成jquery外掛程式呢?如果你的答案是肯定的,那麼來吧!和我一起學寫jquery外掛程式吧!先想好做個什麼功能 這是第一步,也是很重要的一步,鑑於咱們都是剛學習寫jquery外掛程式,所以,這...