jQueryt过滤选择器

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

jQueryt过滤选择器,布布扣,bubuko.com

jQueryt过滤选择器

上一篇:asp.net记录错误信息的一般处理方法


下一篇:JS 模板引擎 BaiduTemplate 和 ArtTemplate 对比及应用