第七章
插件也成為擴展,是一種遵循一定規范的應用程序接口編寫出來的程序。最新最全的插件可以從jQuery官方網站的插件板塊中獲取,網站地址為: http://plugins.jquery.com/
一、插件的使用
1、jQuery表單驗證插件—Validation
簡介:Validation是歷史最有的插件之一。擁有以下特點
(1)內置驗證規則
(2)自定義規則驗證
(3)簡單強大的驗證消息提示
(4)實時驗證
使用:
(1)引入jQuery庫和Validation插件
(2)確定哪個表單需要被驗證
(3)針對不同的字段,進行規則驗證編碼,設置字段相應的屬性
2、jQuery表單插件-Form
簡介:jQuery Form插件是一個優秀的Ajax表單插件,可以非常容易地、無入侵地升級HTML表單以支持AJax
方法:
(1)核心方法:
ajaxForm()和ajaxSubmit()
(2)其他方法
formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、 clearFiled、resetForm()
3、模態窗口插件—SimpleModal
簡介:SimpleModal是一個輕量級的jQuery插件,它為模糊窗口的開發提供了一個強有力的接口,可以把它當作模態窗口的框架。
調用方法:
(1)$("#id").modal();
(2)$.modal("<div><h1>SimpleModal</h1></div>");
關閉:
$.modal.close();
4、管理cookie插件—Cookie
簡介:Cookie網站設計者放在客戶端的小文本文件。Cookie能為用戶提供很多的遍歷
操作:
(1)寫入
$.cookie('the_cookie', 'the_vlaue');
(2)讀取Cookie
$.cookie('the_cookie');
(3)刪除Cookie
$.cookie('the_cookie',null);
5、jQuery UI插件
jQuery UI 是以 jQuery 為基礎的開源 JavaScript 網頁用戶界面交互、動畫、特效和可更換主題的可視控件。我們可以直接用它來web 應用程序。jQuery UI 的官網網站為: http://jqueryui.com/,我們下載最新版用的最新版本為:jquery-ui-1.10.3.custom.zip。裡面目錄結構如下:
1.css,包含與 jQuery UI 相關的 CSS 文件;
2.js,包含 jQuery UI 相關的 JavaScript 文件;
3.Development-bundle, 包含多個不同的子目錄: demos(jQuery U
UI 的文檔文件)、themes(CSS 主題文件)和 ui(jQuery ui 的 JavaScrip
4.Index.html,可以查看 jQuery UI 功能的索引頁。
二、編寫jQuery插件
jQuery的插件主要分為3種類型:
1、封裝對象方法的插件
2、封裝全局函數的插件
3、選擇器插件
第八章
本章將前7章講解的知識點和效果進行整合。創建一個旅游網站。通過實戰,讓我們加深理解HTML和CSS。