jquery 属性，子元素过滤选择器及表单对象选择器

1.属性过滤选择器

选择器	描述	示例
[attribute]	选取拥此属性的选择器	$('div[id]')
[attribute=value]	选取属性值为value的元素	$('div[color=red]')
[attribute!=value]	选取属性值不为value的元素	$('div[color!=red]')
[attribute^=value]	选取属性值以value开始的元素	$('div[titile^=text]')
[attribute*=value]	选取属性值以value结束的元素	$('div[title*=text]')
[attribute|=value]	选取属性的前缀为value的元素	$('div[title|=en]')
[attribute~=value]	选取属性用空格分割的值中含有value的元素	$('div[titile~=uk]')
[attribule1][attribule2]	选取复合属性的选素	$('div[color][name]')

 二.子元素过滤选择器

1.

:nth-child(even)选取父类元素下索引为偶数的元素

:nth-child(odd)选取父类元素下索引为奇数的元素

:nth-child(2)选取父类元素下索引为2的元素

:nth-child(3n)选取父类元素下索引为3的倍数的元素

:nth-child(3n＋1)选取父类元素下索引为3n+1的元素

2.

:first-child选取父类元素的第一个子元素．

:last-child选取父类元素的最后一个子元素．

:only-child选取父类元素唯一的子元素．

例

$('div.one:only-child')
     .css('background','red')//选取父类元素one中唯一子元素，改变他的背景色

 三．表单对象属性过滤选择器

选择器	描述	示例
:enabled	选取所有可用元素	$('#form1:enable');选取id为‘form’的表单可用元素
:disable	选取不可用元素	$('#form1:disable');选取id为‘form’的表单不可用元素
:checked	选取所有被选中的元素(单选框，复选框)	$('input:checked');选取被选中的input元素
:selected	选取所有被选中的选项元素（下拉框）	$('select :selected')选取下拉框中所有被选中的元素

 四：表单对象属性过滤示例

选择器	描述	示例
:input	选取所有<input><texarea><select><button>元素	$(':input')
:text	选取所有单行文本框	$(':text')
:password	选取所有密码框	$(':password')
:radio	选取所有单选框	$(':radio')
:checkbox	选取所有多选框	$(':checkbox')
:submit	选取所有提交按钮	$(':submit')
:image	选取所有图片按钮	$(':image')
:reset	选取所有重置按钮	$(':reset')
:button	选取所有按钮	$(':buttom')
:file	选取所有上传域	$(':file')
:hidden	选取所有不可见元素	$(':hidden')