jquery第三方插件：1、Validation，一個表單驗證插件；2、Form，一個Ajax表單插件；3、livequery，一個動態(tài)綁定事件插件；4、Cookie，一個管理Cookie的插件；5、SimpleModal，模態(tài)窗口插件等。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

JQuery有著豐富的第三方的插件，例如：樹形菜單、日期控件、圖片切換插件、彈出窗口等等基本前臺頁面上的組件都有對應(yīng)插件，并且用JQuery插件做出來的效果很炫，并且可以根據(jù)自己需要去改寫和封裝插件，簡單實用。

下面介紹一下常用第三方插件。

jquery常用的第三方插件

1、jQuery表單驗證插件：Validation

（1）Validation簡介

????最常使用JavScript的場合就是表單的驗證，而jQuery作為一個優(yōu)秀的JavaScript庫，也提供了一個優(yōu)秀的表單驗證插件——Validation.Validation是歷史最悠久的jQuery插件之一，經(jīng)過了全球范圍內(nèi)不同項目的驗證，并得到了許多Web開發(fā)者的好評。作為一個標準的驗證方法庫，Validation擁有如下優(yōu)點：

• 內(nèi)置驗證規(guī)則：擁有必填、數(shù)字、E-Mail、URL和信用卡號碼等19類內(nèi)置驗證規(guī)則
• 自定義驗證規(guī)則：可以很方便地自定義驗證規(guī)則
• 簡單強大的驗證信息提示：默認了驗證信息提示，并提供自定義覆蓋默認提示信息的功能
• 實時驗證：可以通過keyup或blur事件觸發(fā)驗證，而不僅僅在表單提交的時候驗證。

（2）插件下載地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Validation插件的官方API地址為： http://docs.jquery.com/Plugins/Validation

2、jQuery表單插件：Form

（1）Form插件簡介

????jQuery Form插件是一個優(yōu)秀的Ajax表單插件，可以非常容易地、無侵入地升級HTML表單以支持Ajax。jQuery有兩個核心方法——ajaxForm()和ajaxSubmit()，它們集合了從控制表單元素到?jīng)Q定如何管理提交進程的功能。另外iain，插件還包括其他的一些方法：formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()和resetForm()等

（2）jQuery Form表單插件下載地址：http://jquery.malsup.com/form/。讀者可以下載該插件，并在該網(wǎng)站上查看簡單上手說明、API、實例代碼等。

3、動態(tài)綁定事件插件:livequery

（1）livequery插件簡介

????jQuery的事件綁定功能使得jQuery代碼與HTML代碼能夠完全分離，這樣代碼的層次關(guān)系更加清晰，維護起來也更加簡單。然而對于動態(tài)加載到頁面的HTML元素，每次都需要重新綁定事件到這些元素上，十分不便。一款新的插件由此產(chǎn)生，即livequery，可以利用它給相應(yīng)的DOM元素注冊時間或者觸發(fā)回調(diào)函數(shù)函數(shù)。不僅當前選擇器匹配的元素會被綁定事件，而且后來通過JavaScript添加的元素都會被綁定事件。當元素不再和選擇器匹配時，livequery會自動取消事件注冊，使得開發(fā)者不再需要關(guān)注HTML元素的來源，只需要關(guān)注如何編寫其綁定的事件即可。

????通過jQuery選擇器選擇一個DOM元素，livequery插件會實時地在整個DOM范圍將其持久化。這意味著無論元素是先前存在的還是后來動態(tài)加載的，事件都會被綁定，就像是CSS給元素添加樣式一樣。同時，這款插件幾乎在沒占用什么資源的情況下就做到了這些功能。
（2）jQuery livequery插件的下載地址：http://plugins.jquery.com/livequery/

4、jQuery UI插件

（1）jQuery UI簡介：

????jQuery UI源自于一個jQuery插件——Interface。Interface插件最早版本我1.2，只支持jQuery1.1.2的版本，后來有人對Interface的大部分代表基于jQuery1.2的API進行重構(gòu)，并統(tǒng)一了API。由于改進重大，因此版本號不是1.3而是直接跳到1.5，并且改名為jQuery UI。

????jQuery UI主要分為3個部分，交互、微件和效果庫

• 交互。這里都是一些 與鼠標 交互相關(guān)的內(nèi)容。包括拖動，置放，縮放，選擇 和排序 等待。微件（Widget）中有部分是基于這些交互組建來制作的。此庫需要 一個jQuery UI 核心庫——ui.core.js支持
• 微件。這里主要是一些界面的擴展。里邊包括 了手風(fēng)琴導(dǎo)航，自動完成，取色器，對話框，滑塊，標簽 ，日歷，放大鏡，進度條和微調(diào)控制器等待。此庫需要 一個jQuery UI 核心庫——ui.core.js支持

• 效果庫。此庫用于提供豐富的動畫效果，讓動畫不再局限于animate()方法。效果庫有自己的一套核心即effects.core.js，無需jQuery的核心庫ui.core.js支持

（2）jQuery UI插件的下載地址為：http://jqueryui.com/download/all/。選擇“jQuery UI 1.6rc2”鏈接可以直接下載完整套件，包括源碼，發(fā)行版和測試驅(qū)動等。

5、管理Cookie的插件：Cookie

（1）Cookie插件簡介

????Cookie是網(wǎng)站設(shè)計者放置在客戶端的小文本文件。Cookie能為用戶提供很多的便利，例如購物網(wǎng)站存儲用戶曾經(jīng)瀏覽過的產(chǎn)品列表，或者門戶網(wǎng)站記住用戶喜歡選擇瀏覽哪類新聞。在用戶運行的情況下，還可以存儲用戶的登陸情況，使得用戶在訪問網(wǎng)站時不必每次都鍵入這些信息。

????jQuery提供了一個十分簡單的插件來管理網(wǎng)站的Cookie，該插件的名稱也是Cookie.

（2）jQuery Cookie插件的下載地址：http://plugins.jquery.com/cookie/

6、模態(tài)窗口插件：SimpleModal

（1）SimpleModal插件簡介

????SimpleModal是一個輕量級的jQuery插件，它為模態(tài)窗口的開發(fā)提供了一個強有力的接口，可以把它當作模態(tài)窗口的框架。SimpleModal非常的靈活，可以創(chuàng)建你能夠想象到的任何東西i，并且 你還不需要考慮UI開發(fā)中的跨瀏覽器相關(guān)問題。

（2）SimpleModal插件的下載地址：http://www.ericmmartin.com/projects/simplemodal/

7、延遲加載圖片插件：lazyload

延遲加載圖片或符合某些條件才開始加載圖片

下載網(wǎng)址：https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js

8、fly插件

添加購物車效果、實現(xiàn)拋物線運動

下載地址：https://github.com/amibug/fly

9、qrcode

能夠在客戶端生成矩陣二維碼QRCode 的jquery插件

下載地址：https://github.com/lrsjng/jquery-qrcode

10、spinner

可以很方便的實現(xiàn)購物車數(shù)量的加減，也支持使用鍵盤上的上下鍵來改變購物車的數(shù)量。

下載地址：https://github.com/vsn4ik/jquery.spinner

等等。。。

【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】