jQuery选择器总结

var $div = $(document.getElementById('div'));	//dom对象转jquery对象
var div1 = $div.get(0);				//方法1：jquery对象转dom对象
var div2 = $div[0];				//方法2：jquery对象dom对转象

‘#’		:id选择器		源码getElementById()
‘.’		:类选择器		源码getElementsByClassName()
‘xx’		:xx元素选择器		源码getElementsByTagName()
‘*’		:全选择器

通过与参考选择器的关系选择
‘>’		:子选择（第一代后代）
‘ ’		:所有后代选择
‘+’		:相邻兄弟选择
‘~’		:一般兄弟选择。匹配参考选择器的所有兄弟

‘:first’		:匹配第一个元素
‘:last’		:匹配最后一个
‘not(selector)’ 	:匹配除指定selector以外的所有
‘:eq(index)’		:匹配第index个
‘:gt(index)’		:匹配索引大于index的所有
‘:lt(index)’		:匹配索引小于index的所有
‘:even’		:匹配偶数索引
‘:odd’		:匹配奇数索引
以下不常用
‘:header’		:匹配标题元素，如h1--h4
‘:lang(language)’	:匹配指定语言的所有元素
‘:root’		:匹配该文档的根元素
‘:animated’		:选择正在指定动画效果的所有元素

‘:contains(text)’	:选择所有包含指定文本的元素
‘:has(selector)’	:选择所有至少包含指定selector的元素
‘:parent’		:选择所有含有子元素或者文本的元素
‘:empty’		:选择所有不含子元素或者文本的元素

‘:visible’		:选择所有显示元素
‘:hidden’		:选择所有隐藏元素

‘[attr]’		:选择具有指定属性的元素，不限制值
‘[attr='value']’	:选择指定属性值等于value的元素。
‘[attr*='value']’	:选择指定属性具有包含value的元素
以下不常用
‘[attr|='value']’	:选择指定属性值等于value或以value为前缀（value-xxxx）的元素。
‘[attr~='value']’	:选择指定属性值用空格分隔的值中包含value的元素
‘[attr!='value']’	:选择不存在的指定属性或者指定的属性值不等于value的元素
‘[attr^='value']’	:选择指定属性是以value开始的元素
‘[attr$='value']’	:选择指定属性是以value结尾的元素，区分大小写

‘:first-child’		:选择所有作为其父元素的第一个子元素的元素
‘:last-child’			:选择所有作为其父元素的最后一个子元素的元素
‘:only-child’			:选择所有作为其父元素的唯一子元素的元素
‘:nth-child(index)’		:选择所有作为其父元素的第index个子元素的元素
‘:nth-last-child(index)’	:选择所有作为其父元素的倒数第index个子元素的元素

<div>
	<div>
		<a>1</a>
	</div>
	<div>
		<a>2</a>
		<a>3</a>
		<a>4</a>
	</div>
	<div>
		<a>5</a>
		<a>6</a>
	</div>
</div>

$(div a:first-child)		会选中1,2,5。等同于$(div a:nth-child(0));
$(div a:only-child)		会选中1
$(div a:nth-child(1))		会选中3,6
$(div a:nth-last-child(0))	会选中1,4,6。等同于$(div a:last-child);

‘:input’		匹配所有input，textarea，select和button元素
‘:text’		匹配所有文本框
‘:password'’		匹配所有密码框
‘:radio’		匹配所有单选框
‘:checkbox’		匹配所有复选框
‘:submit’		匹配所有提交按钮
‘:image’		匹配所有图像域
‘:reset’		匹配所有重置按钮
‘:button’		匹配所有按钮
‘:file’		匹配所有文件域

‘:enabled’		匹配可用的表单元素
‘:disabled’		匹配不可用的表单元素
‘:checked’		匹配被选中的input元素
‘:selected’		匹配被选中的option元素，下拉框适用