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