jQueryt过滤选择器

2024-04-07 08:16:22

jQueryt过滤选择器

基本过滤选择器

选择器	描述	返回	示例	重要
:first	返回第一个元素	单个元素
:last	返回最后一个元素	单个元素
:not(selector)	除去与给定选择器匹配的元素	集合元素		☆
:even	偶数元素	集合元素
:odd	奇数元素	集合元素
:eq(index)	返回集合中指定索引的元素,索引0开始	单个元素		☆
:gt(index)	大于	集合元素
:lt(index)	小于	集合元素
:header	所有标题	集合元素
:animated	正在执行动画的	集合元素
:focus	焦点元素	集合元素

内容过滤选择器

选择器	描述	返回	示例	重要
:contains(text)	选取含有文本'text'的	集合元素
:empty	选取不含子元素或不含文本的空元素	集合元素		☆
:has(selector)	选取含有选择器所匹配的元素的元素	集合元素	$("div:has(p)")	☆
:parent	选取含有子元素或者文本的元素,与empty相对			☆

可见性过滤选择器

选择器	描述	返回	示例	重要
:hidden	选取所有不可见的元素,1.3对visibility:hidden(不留位置) 管用,1.7之后不管用	集合元素		☆
:visible	选取所有可见的元素	集合元素		☆

属性过滤选择器

选择器	描述	返回	示例	重要
[attr]	选取含有此属性的元素	集合元素	$(div [data] )	☆
[attr=val]	等于
[attr!=val]	不等于
[attr^=val]	以开始
[attr$=val]	以结束
[attr*=val]	值含有
[attr\|=val]	选取属性等于给定字符串或以字符串为前缀的(如data-形式)		$(div[tile\|='data']),可以选择 title="data" 或 title="data-xxx"	☆☆
[attr~=val]	选取用空格分隔的值中包含一个给定值			☆
[a1][a2]..	复合选择器

子元素过滤选择器

选择器	描述	返回	示例	重要
:nth-child(index/even/odd/3n+1),index :1	index,奇偶,还可以是表达式
:first-child	每个父元素的第一个元素,跟:first不一样			☆
:last-child	每个父元素的最后一个
:only-child	如果是父元素的唯一一个元素,则匹配			☆

表单对象属性过滤选择器

选择器	描述	返回	示例	重要
:enabled	选取所有可用元素
:disabled
:checked	选取所有被选中的单选框或多选框			☆
:selected

表单对象属性过滤选择器

选择器	描述	返回	示例	重要
:input	所有的<input>,<textarea>,<select>和<button>			☆
:text	所有的单行文本
:password
:radio
:checkbox
:submit	包括 image,与button无关
:image	所有的图像按钮			☆
:reset
:button	选取所有的按钮,与submit无关,只选<button>或<input type="button">			☆
:file
:hidden

最新文章

热门文章