jquery有哪些第三方插件-前端問答-PHP中文網

jquery第三方外掛程式：1、Validation，一個表單驗證外掛；2、Form，一個Ajax表單外掛；3、livequery，一個動態綁定事件外掛；4、Cookie，一個管理Cookie的外掛； 5、SimpleModal，模態視窗插件等。

jquery有哪些第三方插件

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

JQuery有著豐富的第三方的插件，例如：樹形選單、日期控制、圖片切換插件、彈出視窗等等基本前台頁面上的元件都有對應插件，並且用JQuery插件做出來的效果很炫，可以依照自己需求去改寫和封裝插件，簡單又實用。

以下介紹常用第三方外掛程式。

jquery常用的第三方外掛程式

#1、jQuery表單驗證外掛：Validation

（1）Validation簡介

最常使用JavScript的場合就是表單的驗證，而jQuery作為一個優秀的JavaScript庫，也提供了一個優秀的表單驗證插件－Validation.Validation是歷史最悠久的jQuery插件之一，經過了全球不同項目的驗證，並得到了許多Web開發者的好評。作為標準的驗證方法庫，Validation擁有以下優點：

內建驗證規則：擁有必填、數字、E-Mail、URL和信用卡號碼等19類別內建驗證規則
自訂驗證規則：可以很方便地自訂驗證規則
簡單強大的驗證資訊提示：預設了驗證資訊提示，並提供自訂覆蓋預設提示資訊的功能
#即時驗證：可以透過keyup或blur事件觸發驗證，而不只是在表單提交的時候驗證。

（2）外掛程式下載網址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Validation外掛程式的官方API位址為： http://docs.jquery.com/Plugins/Validation

2、jQuery表單外掛：Form

（1）Form外掛程式簡介

jQuery Form外掛程式是優秀的Ajax表單插件，可以非常容易地、無侵入地升級HTML表單以支援Ajax。 jQuery有兩個核心方法－ajaxForm()和ajaxSubmit()，它們集合了從控製表單元素到決定如何管理提交程序的功能。另外iain，插件還包含其他的一些方法：formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()和resetForm()等

#（2）jQuery Form表單插件下載位址：http://jquery.malsup.com/form/。讀者可以下載插件，並在該網站上查看簡單上手說明、API、實例程式碼等。

3、動態綁定事件外掛：livequery

（1）livequery外掛程式簡介

jQuery的事件綁定功能使得jQuery程式碼與HTML程式碼能夠完全分離，如此程式碼的層次關係更加清晰，維護起來也更加簡單。然而對於動態載入到頁面的HTML元素，每次都需要重新綁定事件到這些元素上，十分不便。一款新的插件由此產生，即livequery，可以利用它來給對應的DOM元素註冊時間或觸發回調函數函數。不僅目前選擇器所匹配的元素會被綁定事件，而且後來透過JavaScript添加的元素都會被綁定事件。當元素不再和選擇器相符時，livequery會自動取消事件註冊，使得開發者不再需要關注HTML元素的來源，只需要關注如何撰寫其綁定的事件。

透過jQuery選擇器選擇一個DOM元素，livequery外掛程式會即時地在整個DOM範圍將其持久化。這意味著無論元素是先前存在的還是後來動態載入的，事件都會被綁定，就像是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進行重構，並統一了API。由於改進重大，因此版本號碼不是1.3而是直接跳到1.5，並且改名為jQuery UI。

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

互動。這裡都是一些與滑鼠互動相關的內容。包括拖動，放置，縮放，選擇和排序等待。微件（Widget）中有部分是基於這些交互組成來製作的。此函式庫需要一個jQuery UI 核心函式庫－ui.core.js支援
微件。這裡主要是一些介面的擴展。裡邊包括了手風琴導航，自動完成，取色器，對話框，滑塊，標籤，日曆，放大鏡，進度條和微調控制器等待。此函式庫需要一個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」連結可以直接下載完整套件，包括原始碼，發行版和測試驅動程式等。