jQuery学习

jQuery是一个轻量级的javascript函数库，极大地简化了javascript编程。

一、语法

语法：$(selector).action()
文档就绪事件：
	$(document).ready(function(){
		//jQuery代码
	});
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

二、选择器（常用）

元素选择器：		$("p")  
#id选择器：		$("#root")
.class选择器：	$(".test")
当前HTML元素：	$(this)

三、事件

鼠标事件： click 	dbclick mouseenter mouseleave hover
键盘事件： keypress keydown keyup	
表单事件： submit change focus blur 
文档窗口事件：load resize scroll unload

四、效果

隐藏 		hide()     
显示 		show()
淡入隐藏元素	fadeIn(speed,callback)  
淡出可见元素	fadeOut()
淡入淡出切换	fadeToggle()
向下滑动元素	slideDown()
向下滑动元素	slideUp()
滑动元素切换	slideToggle()
动画			animate()
停止动画 	stop()
链			$("#p1").css("color","red").slideUp(2000).slideDown(2000);

五、HTML

获得或设置内容
	text() 		- 设置或返回所选元素的文本内容
	html() 		- 设置或返回所选元素的内容（包括 HTML 标记）
	val()	 	- 设置或返回表单字段的值	
获取属性
	attr() 		- 获取属性值
添加元素
	append()	- 在被选元素的结尾插入内容
	prepend() 	- 在被选元素的开头插入内容
	after() 	- 在被选元素之后插入内容
	before() 	- 在被选元素之前插入内容
删除元素
	remove() 	- 删除被选元素（及其子元素）
	empty() 	- 从被选元素中删除子元素
操作CSS
	ddClass() 	- 向被选元素添加一个或多个类
	removeClass() - 从被选元素删除一个或多个类
	toggleClass() - 对被选元素进行添加/删除类的切换操作
	css() 		- 设置或返回样式属性

六、遍历

向上遍历DOM树
	parent()		-返回被选元素的直接父元素
	parents()		-返回被选元素的所有祖先元素
	parentsUntil()	-返回介于两个给定元素之间的所有祖先元素
向下遍历DOM树
	children() 		-返回被选元素的所有直接子元素
	find()			-返回被选元素的后代元素
...