jQuery笔记

1.JQ概述

1.1 jQuery的概述

jQuery是一个优秀的javascript的轻量级框架之一，兼容css3和各大浏览器，提供了dom、events、animate、ajax

等简易的操作。并且jquery的插件非常丰富，大多数功能都有相应的插件解决方案。jquery的宗旨是write less do

more。

说白了: JQ就是js库, 封装了JS常见的操作,我们使用起来更加的简单

1.2 jQuery的作用

jQuery最主要的作用是简化js的Dom树的操作

1.3 jQuery框架的下载

jQuery的官方下载地址：http://www.jquery.com

1.4 jQuery的版本

• 1.x：兼容IE678，使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)
• 2.x：不兼容IE678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日)
• 3.x：不兼容IE678，只支持最新的浏览器。很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本.
• 注:开发版本与生产版本，命名为jQuery-x.x.x.js为开发版本，命名为jQuery-x.x.x.min.js为生产版本，开发版本源码格式良好，有代码缩进和代码注释，方便开发人员查看源码，但体积稍大。而生产版本没有代码缩进和注释，且去掉了换行和空行，不方便发人员查看源码，但体积很小

2.jq入门

• 把jq库导入到我们项目下，在html页面使用
• 代码

2.jQuery插件

2.1什么是jq插件

插件就是以jquery为基础进行扩展具有特定功能的代码，就是jquery插件。例如：图片轮播、选项卡等。

http://www.jq22.com  插件网站 

2.2jQuery的插件机制

jQuery插件的机制说白了就是插件实现原理.  

其实就是利用jQuery提供的$.fn.extend() 和$.extend() 方法，扩展jQuery的功能。

2.3 jQuery插件机制语法,巧记美元里面的方法的扩展或者美元里面的扩展,扩展方法塞入对象是js对象,里面设置新方法的数据比如方法名键:对应匿名函数

语法 解释 方法例子
$.fn.extend(object) 对jQuery对象进行方法扩展 jq对象.each();
$.extend(object) 对jQuery全局进行方法扩展 $.each();

2.4自定义jq插件：

足球 篮球 排球 3.表单校验插件validation

3.1validation概述

网络上有许多成熟的插件共使用者参考，插件就是将jquery实现的常用操作进行封装，封装后的“小框架“就可以叫做插件，按照插件的语法去操作可以实现很多复杂的功能，而我们需要做的是学会该插件的使用语法即可。表单校验插件是按照一定的语法编写代码，可以使用简单的代码完成复杂的表单校验工作 

3.2validation下载

官网地址：http://jqueryvalidation.org/files/jquery-validation-1.15.0.zip

帮助文档位置：http://jqueryvalidation.org/documentation/

3.3validation使用步骤

• 将该插件（也就是一个js文件）导入到我们的工程中

• 在要使用校验插件的html中引入该js文件

2.4检验方式：js 代码方式

语法：
$(…).validate({
	rules:{},
	messages:{}
});
//jq对象调用验证方法,塞入{}大括号整体,里面指定规则键:对应{},{}里面指定name属性值:{},
//{}里面设置下面的键:值规则即可

rules 规则语法：
	rules:{
		字段名(标签的name的属性值):校验器,
		字段名(标签的name的属性值):校验器
	}
	
校验器语法：
	语法：{校验器:值,校验器:值,...}
	
message 提示语法：
	messages:{
		字段名:{校验器:"提示",校验器:"提示",...}
	}