jQuery(发布时间：2006-01)

jQuery(发布时间：2006-01)

概念：

• jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
• jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

jQuery的核心方法：$()和jQuery()，占用了两个空间。$()和jQuery()方法一模一样，当$()方法被覆盖时，可使用jQuery()来代替$()。

$()传参形式：

* $("css选择器")：返回与css选择器相匹配的jQuery对象
* $(Node): 将参数的Node节点转换为jQuery对象的形式
* $("HTML代码片段") 生成一个jQuery对象，类似于document.createElement()
* $(function(){}) : 类似于window.onload事件,代表页面加载完毕之后执行函数。

jQuery对象：类数组，由若干个node节点构成的一个类数组，不同于node或nodeList，属性和方法互不相通。

jQuery对象下的方法：

* addClass()   为jQuery对象追加类名 
* removeClass()删除类名
* toggleClass()追加/删除类名
* hasClass() 检测元素是否含有某个类名，返回Boolean
* html() 设置/获取元素的开始标签与结束标签之间的内容
* val() 设置/获取元素的value属性的属性值
* attr() 设置/获取元素的行内属性
* show() 显示元素
* hide() 隐藏元素
* toggle()显示/隐藏元素
* fadeIn(速率("fast" | "slow" | Number毫秒数),回调函数) ，淡入
* fadeOut(速率("fast" | "slow" | Number毫秒数),回调函数)淡出
* fadeToggle(速率("fast" | "slow" | Number毫秒数),回调函数)
* slideDown() 以滑动方式显示元素
* slideUp()以滑动方式隐藏元素
* slideToggle()以滑动方式显示/隐藏元素
* css({}) css("css属性名") 设置/获取元素的行内样式
* animate({},执行时间,回调) 设置/获取元素的行内样式并执行动画
* closest("css选择器") 从调用方法的元素为起始位置，逐层向上寻找祖先级元素，直到找到第一个与css选择器相匹配的祖先级元素为止，并将其返回。
* find("css选择器") 从调用方法的元素为起始位置，寻找与css选择器相匹配的所有的子孙级元素.
* clone(true/false) 克隆元素，可以连同事件一块儿克隆
* append() 插入到元素的结束标签的前面
* appendTo()
* prepend()插入到元素的开始标签的后面
* prependTo()
* after()插入到元素的后面当做下一个兄弟节点
* before()插入到元素的前面当做上一个兄弟节点
* width()   获取宽高
* innerWidth() 获取宽高+内填充
* outerWidth() 获取宽高+内填充+外边框
* each(function(index,node){}) 用于枚举jQuery对象

jQuery对象绑定事件：

//jQuery对象.去on事件名(function(){
jqObJ.click(function(){
		this	//原生js对象
		$(this)  //转成jQuery对象
		
	})