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

jQueryt过滤选择器

2015-12-15 09:44 393 查看

基本过滤选择器

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