站長資訊網
最全最豐富的資訊網站

jquery有哪些第三方插件

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前端視頻】

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
久久一本精品久久精品66| 久久无码人妻精品一区二区三区| 精品人人妻人人澡人人爽牛牛| 91精品国产免费久久国语蜜臀| 老司机国内精品久久久久| 精品国产亚洲男女在线线电影| 日韩在线一区二区三区视频| 国产精品一区二区四区| 国精产品一品二品国精品69xx | 日韩精品福利片午夜免费观着| 3d动漫精品一区视频在线观看| 久久精品成人免费观看| 精品国产日产一区二区三区| 国模精品一区二区三区| 精品人妻少妇嫩草AV无码专区| 亚洲国产午夜中文字幕精品黄网站| 日韩精品一区二区三区色欲AV| 国产真实乱子伦精品| 国产精品国产自线拍免费软件| 精品国产_亚洲人成在线| 国精产品一品二品国精品69xx| 少妇人妻偷人精品视蜜桃| 精品人人妻人人澡人人爽牛牛| 亚洲国产精品成人午夜在线观看 | 99精品国产第一福利网站| 精品国产乱码久久久久久呢| 3d精品重口littleballerina| 91天堂素人精品系列全集亚洲| 久久99精品久久久久子伦| 99国产精品自在自在久久| 99久久精品国产一区二区成人| 少妇人妻偷人精品无码视频 | 麻豆国产精品无码视频| 久久久久无码精品国产不卡| 98精品全国免费观看视频| 91精品国产高清| 亚洲男人的天堂久久精品 | japanese乱人伦精品| 国产精品H片在线播放| 精品人妻系列无码人妻免费视频| 久久精品无码免费不卡|