锋利的jQuery读书笔记 第7章第8章

Posted 2020-06-12

第七章

    插件也成为扩展，是一种遵循一定规范的应用程序接口编写出来的程序。最新最全的插件可以从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。