您的位置:首页 > Web前端 > JQuery

jQueryt过滤选择器

2016-06-10 15:12 351 查看

基本过滤选择器

选择器描述返回示例重要
: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 :1index,奇偶,还可以是表达式
: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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: