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')

猜你喜欢

转载自18633917479.iteye.com/blog/2365907
今日推荐