DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 鋒利的jQuery讀書筆記 第7章、第8章
鋒利的jQuery讀書筆記 第7章、第8章
編輯:JQuery特效代碼     

第七章

    插件也成為擴展,是一種遵循一定規范的應用程序接口編寫出來的程序。最新最全的插件可以從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。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved