首页 > 代码库 > jQueryt过滤选择器

jQueryt过滤选择器

2024-07-11 03:42:06   221人阅读

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 ? ? ? ?


联系
我们