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