首頁 >web前端 >js教程 >什麼是jQuery插件

什麼是jQuery插件

(*-*)浩
(*-*)浩原創
2019-05-30 10:17:392394瀏覽

jquery外掛程式就是一些人用jquery寫的一些工具,我們在呼叫時只需要用很少的程式碼就能實現很好的效果,寫jquery外掛的目的主要是給已經有的一系列方法或函數做一個封裝,以便在其他地方重複使用,方便後期維護和提高開發效率。

什麼是jQuery插件

讓我們來看一下,一些常用的jQuery外掛:

jQuery表單驗證外掛:Validation

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

Validation擁有以下優點:

#內建驗證規則:擁有必填、數字、E-Mail、URL和信用卡號碼等19類別內建驗證規則

自訂驗證規則:可以很方便地自訂驗證規則

#簡單強大的驗證資訊提示:預設了驗證資訊提示,並提供自訂覆蓋預設提示資訊的功能

即時驗證:可以透過keyup或blur事件觸發驗證,而不只是在表單提交的時候驗證。

jQuery表單外掛:Form

jQuery Form插件是一個優秀的Ajax表單插件,可以非常容易地、無侵入地升級HTML表單以支援Ajax。 jQuery有兩個核心方法-ajaxForm()和ajaxSubmit(),它們集合了從控製表單元素到決定如何管理提交程序的功能。另外iain,

外掛程式還包含其他的一些方法:

formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()和resetForm ()等 

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支援 

動態綁定事件外掛程式:livequery

############################################# #Query的事件綁定功能使得jQuery程式碼與HTML程式碼能夠完全分離,這樣程式碼的層次關係更加清晰,維護起來也更加簡單​​。然而對於動態載入到頁面的HTML元素,每次都需要重新綁定事件到這些元素上,十分不便。 ######一款新的外掛由此產生,即livequery,可以利用它來為對應的DOM元素註冊時間或觸發回呼函數函數。不僅目前選擇器所匹配的元素會被綁定事件,而且後來透過JavaScript添加的元素都會被綁定事件。當元素不再和選擇器相符時,livequery會自動取消事件註冊,使得開發者不再需要關注HTML元素的來源,只需要關注如何撰寫其綁定的事件。 ######透過jQuery選擇器選擇一個DOM元素,livequery外掛程式會即時在整個DOM範圍將其持久化。這意味著無論元素是先前存在的還是後來動態載入的,事件都會被綁定,就像是CSS為元素添加樣式一樣。同時,這款外掛幾乎在沒佔用什麼資源的情況下就做到了這些功能。 ###

以上是什麼是jQuery插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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