jQuery选择器复习

基本选择器

			$("#id")id选择器
			$(".class")类选择器
			$("div")标签选择器
			$("*")通配符选择器
			$("div,span")并集选择器

层次选择器

			$("div span")先祖选择器
			$("div>span")父子选择器
			$("div+span")div紧跟着的span
			$("div~span")div之后的所有span

过滤选择器

基本过滤选择器

			$("div:first")过滤选择器(所有的div中的第一个)
			$("div:last")最后一个div
			$("div:not(.box)")不包含box类的div
			$("div:even")所有div中索引为偶数的div,索引是从上到下排的的且从0开始
			$("div:eq(10)")所有div中索引为10的div
			$("div:gt(10)")所有div中索引大于10的div
			$("div:lt(10)")所有div中索引小于10的div
			$(":header")所有的标题标签
			$(":animated")正在执行动画的元素

内容过滤选择器

			$("div:contains("-")")内容中含有-的div(内容)
			$("div:empty")所有为空的div
			$("div:has(p)")内部包含p标签的div(标签)
			$("div:parent")内部含有内容的div

可见性过滤选择器

			$("div:hidden")隐藏的元素
			$(":visible")显示的元素

属性过滤选择器

			$("div[id]")有id的div
			$("div[id=box]")id为box的div
			$("div[id!=box]")id以b开始的div
			$("div[id^=x]")id以x结束的div
			$("div[id$=o]")id以o结束的div
			$("div[id*=b]")id包含b的div
			$("div[id=b][class=a]")多条件选择

子元素过滤选择器

			$("div:nth-child(2)")div作为子元素处于第二个的元素(二儿子)
			$("div:first-child")div作为子元素处于第一个的元素(大儿子)
			$("div:last-child")div作为子元素处于最后一个的元素(最后一个儿子)
			$("div:only-child")div作为子元素只有一个的元素(独生子)

表单对象属性过滤选择器

			$(":disabled")不可用表单元素
			$(":enabled")可用表单元素
			$("input:checked")选中的input
			$(":selected")选中的下拉列表

表单选择器

			$(":input")所有的表单元素
			$(":password")密码框
			$(":radio")单选框
			$(":checkbox")复选框
			$(":submit")提交按钮
			$(":reset")重置按钮
			$(":text")单行文本框
			$(":image")图片类型表单元素
			$(":file")文件类型的表单元素
			$(":button")button类型的表单元素