jQuery知识点

1. jQuery选择器 — 基础选择器

			$('#id') 			ID选择器
			$('.id') 				类选择器
			$('div') 				标签选择器
			$('*') 				通配符选择器

2. jQuery选择器 — 层级选择器

			$('all child')			祖先后代选择器，匹配all元素下所有的child子元素
			$('all>child') 		直接后代选择器,匹配all标签下一级的child子元素
			$('prev+next') 		匹配所有紧接prev元素后的next元素
			$('prev~sibling') 	匹配进阶prev元素后的所有sibling元素

3. jQuery选择器 — 属性选择器
   

			$('[attribute]')					匹配属性名为attribute的元素
			$('[attribute=value]')			匹配属性名为attribute的属性值为value的元素
			$('[attribute^=value]')		匹配属性名为attribute的属性值开头为value的元素
			$('[attribute$=value]')		匹配属性名为attribute的属性值结尾为value的元素
			$('[attribute*=value]')		匹配属性名为attribute的属性值包含为value的元素
			$('[type][src=1]')				匹配 含属性名为type，且含有src属性值为1的元素

4. jQuery选择器 — 过滤器
   

			$('div>p:first-child')				匹配div元素中第一个标签为p标签的元素
			$('div>p:last-child')				匹配div元素中最后一个标签为p标签的元素
			$('div>p:nth-child(2)')			匹配div元素中第二个标签为p标签的元素
			$('div>p:only-child')				匹配div元素中只有一个标签且为p标签的元素

5. jQuery选择器 — 过滤器
   

			$('div>p:first-of-type')					匹配div元素中第一个p标签的元素
			$('div>p:last-of-type')					匹配div元素中最后一个p标签的元素
			$('div>p:nth-of-type(2)')				匹配div元素中第二个p标签的元素
			$('div>p:only-of-type')					匹配div元素中只有一个p标签的元素

6. jQuery选择器 — 表单相关
   
   

			$(':input')				匹配到所有input标签的元素
			$(':type')				匹配到所有input标签中为type类型的元素

7. jQuery选择器 — 查找和过滤
   
   
   

8. jQuery事件 — 事件常见类型

			鼠标事件
			click         					鼠标单击触发事件
			dbclick    						鼠标双击触发事件
			mousedown						鼠标按下触发事件
			mouseup      					鼠标松开触发事件
			mouseenter						鼠标移入触发事件
			mouseleave						鼠标移出触发事件
			mouseover						无论鼠标指针进入被选元素或其子元素，都会触发
			mouseout						无论鼠标指针移出被选元素或其子元素，都会触发
			hover							当鼠标指针悬停在备选元素上运行的函数
			scroll							滚动事件
			keydown							键盘按下触发事件
			keyup							键盘松开触发事件
			ready							等dom全部加载完毕后执行事件
			resize							窗口发生变化触发事件
			foucs							获取焦点触发事件
			blur							失去焦点触发事件
			change							当元素的value值发生改变才触发的事件
			select							当textarea或文本类型的值被选中才触发的事件
			submit							表单提交按钮
			event							事件参数
			

9. jQuery事件 — 动画事件

			动画事件 				animate({css样式},3000) 	3000为毫秒 
			动画暂停事件				delay(3000)					3000为毫秒
			动画函数					show()/hide()				显示函数/隐藏函数
			例：					div.hide(3000)				div在3秒内隐藏
									toggle()					根据现在的状态决定show或者hide函数
									fadein()/fadeout()			淡入/淡出函数
									fadeToggle()				根据元素是否可见决定下一步操作
									slideUp()/slideDown()		通过使用滑动效果,隐藏/显示被选元素
									slideToggle()					根据元素是否可见决定下一步操作

10. jQuery事件 — 计时器

			setTimeout(fn,millseconds)	在指定的毫秒数后调用函数或计算表达式。
			setInterval(fn,millseconds)	按照指定的周期（以毫秒计）来调用函数或计算表达式。