jQuery 外掛程式 基礎

2021-06-27 11:03:43 字數 881 閱讀 6274

一、外掛程式的基本要點

1. 命名jquery.[外掛程式名].js

2. 所有的物件方法都應當附加到jquery.fn物件上,而所有的全部函式都應當附加到jquery物件本身上

3. 在外掛程式內部的this指向的是當前通過選擇器獲取的jquery物件,而不像一般方法那樣,如click,內部的this指向的是dom元素

4. 可以通過this.each來遍歷所有的元素

5. 所有的方法或函式外掛程式,都應當以分號結尾。否則壓縮的時候可能出現問題。為了穩妥些,甚至可以在外掛程式頭部先加上乙個分號,以免他人不規範的**影響自身的外掛程式**

6. 外掛程式應該返回乙個jquery物件,以保證外掛程式的可鏈式操作

7. 避免在外掛程式內部使用$作為jquery物件的別名,而應使用完整的jquery來表示,避免衝突.

當然,可以使用閉包這種技巧來迴避這個問題。

二、閉包的簡單概念

允許使用內部函式(即該函式在乙個函式的內部)且該內部函式可以訪問所在函式的所有變數、引數或者其他函式,當這樣的內部函式在包含他們的外部函式之外被呼叫時,就會形成

閉包(即內部函式會在外部函式返回後被執行)。當這個內部函式執行時,它仍然必須訪問其外部函式的區域性變數,引數以及其他內部函式。這些區域性變數、引數和函式宣告(最初)的值是

外部函式返回時的值、但也會受到內部函式的影響

閉包:;(function($)

$.bar = bar;

// 通過這種方式,讓匿名函式內部的函式bar(),逃逸到全部可訪問的範圍內,這樣就可以 匿名函式之外通過呼叫jquery.bar();來訪問定義的函式bar()

})(jquery);

訪問:$(function());

jQuery基礎 外掛程式

外掛程式 jquery不可能包含所有的功能,我們可以通過外掛程式擴充套件jquery的功能。jquery有著豐富的外掛程式,使用這些外掛程式能給jquery提供一些額外的功能。animate不支援顏色的漸變,但是使用了jquery.color.js後,就可以支援顏色的漸變了。使用外掛程式的步驟 1....

jquery外掛程式開發基礎入門

jquery外掛程式開發基礎入門 入門 編寫乙個jquery外掛程式開始於給jquery.fn加入新的功能屬性,此處新增的物件屬性的名稱就是你的外掛程式名稱 jquery.fn,myplugin function 為了避免衝突我們應該將jquery傳遞給乙個自我執行的封閉程式 function jq...

jQuery外掛程式之日曆外掛程式

在頁面開發中,經常遇到需要使用者輸入日期的操作。通常的做法是,提供乙個文字框 text 讓使用者輸入,然後,編寫 驗證輸入的資料,檢測其是否是日期型別。這樣比較麻煩,同時,使用者輸入日期的操作也不是很方便,影響使用者體驗。如果使用jquery ui中的datepicker 日曆 外掛程式,這些問題都...