首頁  >  文章  >  web前端  >  jquery有哪些第三方插件

jquery有哪些第三方插件

青灯夜游
青灯夜游原創
2022-05-23 18:24:133074瀏覽

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/

jquery有哪些第三方插件


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」連結可以直接下載完整套件,包括原始碼,發行版和測試驅動程式等。

5、管理Cookie的插件:Cookie

(1)Cookie外掛程式簡介 

    Cookie是網站設計者放置在客戶端的小文字檔案。 Cookie能為使用者提供大量的便利,例如購物網站儲存使用者曾經瀏覽過的產品列表,或是入口網站記住使用者喜歡選擇瀏覽哪一類新聞。在使用者運作的情況下,還可以儲存使用者的登陸情況,使得使用者在造訪網站時不必每次都鍵入這些資訊。

    jQuery提供了一個十分簡單的插件來管理網站的Cookie,該插件的名稱也是Cookie. 

(2)jQuery Cookie插件的下載位址:http://plugins.jquery .com/cookie/

6、模態視窗外掛:SimpleModal

(1)SimpleModal外掛程式簡介 

    SimpleModal是一個輕量級的jQuery插件,它為模數態視窗的發展提供了一個強有力的接口,可以把它當作模態視窗的框架。 SimpleModal非常的靈活,可以創造你能夠想像到的任​​何東西i,而且 你還不需要考慮UI開發中的跨瀏覽器相關問題。

(2)SimpleModal外掛的下載位址:http://www.ericmmartin.com/projects/simplemodal/

7、延遲載入圖片外掛:lazyload

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

下載網址:https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js

8、fly外掛程式

新增購物車效果、實現拋物線運動

下載網址:https://github.com/amibug/fly

9、qrcode

能夠在客戶端產生矩陣二維碼QRCode 的jquery外掛程式

##下載位址:https://github.com/ lrsjng/jquery-qrcode

10、spinner

可以很方便的實現購物車數量的加減,也支援使用鍵盤上的上下鍵來改變購物車的數量。

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

等等。 。 。

【推薦學習:

jQuery影片教學web前端影片

以上是jquery有哪些第三方插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn