JQuery——常用插件

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

2   form參數表示表單元素名稱，options參數表示調用方法時的配置對象，所有的驗證規(guī)則和異常信息顯示的位置都在該對象中進行設置，如當點擊表單中的“提交”按鈕時，調用validate插件驗證用戶名輸入是否符合規(guī)則，并將異常信息顯示在頁面中

3    .form()  表單插件，調用ajaxForm()方法，實現ajax方式向服務器提交表單數據，并通過方法中的options對象獲取服務器返回數據，調用格式$(form). ajaxForm ({options})

4   form參數表示表單元素名稱，options是一個配置對象，用于在發(fā)送ajax請求過程，設置發(fā)送時的數據和參數，如在頁面中點擊“提交”按鈕，調用form插件的ajaxForm()方法向服務器發(fā)送錄入的用戶名和密碼數據，服務器接收后返回并顯示在頁面中

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

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

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

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

9   .cookie()cookie插件，可以很方便地通過cookie對象保存、讀取、刪除用戶的信息，還能通過cookie插件保存用戶的瀏覽記錄，調用格式保存$.cookie(key,value)、讀取$.cookie(key)、刪除$.cookie(key,null)

10   參數key為保存cookie對象的名稱，value為名稱對應的cookie值，如當點擊“設置”按鈕時，如果是“否保存用戶名”的復選框為選中狀態(tài)時，則使用cookie對象保存用戶名，否則，刪除保存的cookie用戶名

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

12   textbox參數為文本框元素名稱，urlData為插件返回的相近字符串數據，可選項參數options為調用插件方法時的配置對象，如當用戶在文本框輸入內容時，調用搜索插件的autocomplete()方法返回與輸入內容相匹配的字符串數據，顯示在文本框下，提示選擇

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

14   Selector參數為綁定插件的元素，meunId為快捷菜單元素，options為配置對象，如選中頁面<textarea>元素，點擊右鍵，彈出插件綁定的快捷菜單，點擊菜單中的各個選項，便在頁面中顯示操作的對應名稱

15   .lifocuscolor()自定義對象級插件，可以在<ul>元素中，鼠標在表項<li>元素移動時，自定義其獲取焦點時的背景色，即定義<li>元素選中時的背景色，調用格式$(Id).focusColor(color),參數Id表示<ul>元素的Id號，color表示<li>元素選中時的背景色

16   .twoaddresult()自定義類級別插件，可以實現對兩個數值進行相加和相減的運算，導入插件后，調用格式$.addNum(p1,p2)和$.subNum(p1,p2)，分別為計算兩數值相加和相減的結果，p1和p2為任意數值，如在頁面的兩個文本框中輸入任意數值，點擊“計算”按鈕調用自定義插件中$.addNum()方法，計算兩數值的和并將結果顯示在另一文本框中