JQuery——常用插件

1   .validate()表單驗證插件，自帶包含必填、數字、URL在内容的驗證規則，即時顯示異常資訊，允許自定義驗證規則，調用方法$(form).validate({options})

2   form參數表示表單元素名稱，options參數表示調用方法時的配置對象，所有的驗證規則和異常資訊顯示的位置都在該對象中進行設定，如當點選表單中的“送出”按鈕時，調用validate插件驗證使用者名輸入是否符合規則，并将異常資訊顯示在頁面中      

3    .form()  表單插件，調用ajaxForm()方法，實作ajax方式向伺服器送出表單資料，并通過方法中的options對象擷取伺服器傳回資料，調用格式$(form). ajaxForm ({options})

4   form參數表示表單元素名稱，options是一個配置對象，用于在發送ajax請求過程，設定發送時的資料和參數，如在頁面中點選“送出”按鈕，調用form插件的ajaxForm()方法向伺服器發送錄入的使用者名和密碼資料，伺服器接收後傳回并顯示在頁面中      

5   .lightBox()圖檔燈箱插件，可以用圓角的方式展示選擇中的圖檔，使用按鈕檢視上下張圖檔，在加載圖檔時自帶進度條，還能以自動播放的方式浏覽圖檔，調用格式$(linkimage).lightBox({options})

6   linkimage參數為包含圖檔的<a>元素名稱，options為插件方法的配置對象，如以清單的方式在頁面中展示全部的圖檔，當使用者單擊其中某張圖檔時，通過引入的圖檔插件，采用“燈箱”的方式顯示所選的圖檔

7   .jqzoom()圖檔放大鏡插件，在調用jqzoom圖檔放大鏡插件時，需要準備一大一小兩張一樣的圖檔，在頁面中顯示小圖檔，當滑鼠在小圖檔中移動時，調用該插件,顯示與小圖檔相同的大圖檔區域，進而實作放大鏡的效果，調用格式$(linkimage).jqzoom({options})

8   linkimage參數為包含圖檔的<a>元素名稱，options為插件方法的配置對象，如在頁面中，添加一個被<a>元素包含的圖檔元素，當在圖檔元素中移動滑鼠時，在圖檔的右邊，将顯示放大後的所選區域效果

9   .cookie()cookie插件，可以很友善地通過cookie對象儲存、讀取、删除使用者的資訊，還能通過cookie插件儲存使用者的浏覽記錄，調用格式儲存$.cookie(key,value)、讀取$.cookie(key)、删除$.cookie(key,null)

10   參數key為儲存cookie對象的名稱，value為名稱對應的cookie值，如當點選“設定”按鈕時，如果是“否儲存使用者名”的複選框為選中狀态時，則使用cookie對象儲存使用者名，否則，删除儲存的cookie使用者名

11   .autocomplete()搜尋插件，通過插件的 .autocomplete()方法與文本框相綁定，當文本框輸入字元時，綁定後的插件将傳回與字元相近的字元串提示選擇，調用格式$(textbox) .autocomplete()(urlData,[options])

12   textbox參數為文本框元素名稱，urlData為插件傳回的相近字元串資料，可選項參數options為調用插件方法時的配置對象，如當使用者在文本框輸入内容時，調用搜尋插件的

autocomplete()

方法傳回與輸入内容相比對的字元串資料，顯示在文本框下，提示選擇

13   .contextmenu()右鍵菜單插件，可以綁定頁面中的任意元素，綁定後，選中元素，點選右鍵，便通過該插件彈出一個快捷菜單，點選菜單各項名稱執行相應操作，調用代碼$(selector).contextMenu(menuId,{options})