jQuery的选择器分类

基本选择器

//ID选择器
$("#id") 

//元素选择器           
$("div")    

//类选择器        
$(".classname")  

//组合选择器
$(".classname,.classname1,#id1") 

层次选择器

//子元素选择器
$("#id>.classname") 

//后代元素选择器   
$("#id .classname")  

//紧邻下一个元素选择器  
$("#id + .classname")

//兄弟元素选择器    
$("#id ~ .classname")   

过滤选择器

//第一个li
$("li:first")

//最后一个li    
$("li:last")  

//挑选下标为偶数的li   
$("li:even") 

//挑选下标为奇数的li    
$("li:odd")

//下标等于4的li      
$("li:eq(4)")

//下标大于2的li   
$("li:gt(2)") 

//下标小于2的li   
$("li:lt(2)")    

//挑选除 id="runoob" 以外的所有li  
$("li:not(#runoob)")

内容过滤选择器

// 包含 Runob文本的元素
$("div:contains('Runob')") 

//不包含子元素或者文本的空元素   
$("td:empty")         

//含有选择器所匹配的元素        
$("div:has(selector)") 

//含有子元素或者文本的元素       
$("td:parent")  

可见性过滤选择器

//匹配所有不可见元素,或type为hidden的元素
$("li:hidden") 

//匹配所有可见元素      
$("li:visible")

属性过滤选择器

//所有含有 id 属性的 div元素
$("div[id]")     

// id属性值为123的div元素   
$("div[id='123']")  

// id属性值不等于123的div元素      
$("div[id!='123']") 

// id属性值以qq开头的div元素       
$("div[id^='qq']")

// id属性值以zz结尾的div元素        
$("div[id$='zz']")  

// id属性值包含bb的div元素      
$("div[id*='bb']") 

//多属性选过滤,同时满足两个属性的条件的元素       
$("input[id][name$='man']")

状态过滤选择器

// 匹配可用的 input
$("input:enabled")   

// 匹配不可用的 input 
$("input:disabled") 

// 匹配选中的 input  
$("input:checked")   

// 匹配选中的 option 
$("option:selected")

表单选择器

//匹配所有 input, textarea, select 和 button 元素
$(":input") 

//所有的单行文本框,$(":text") 等价于$("[type=text]"),推荐使用$("input:text")效率更高,下同     
$(":text") 

//所有密码框      
$(":password") 

//所有单选按钮  
$(":radio")    

//所有复选框  
$(":checkbox")

//所有提交按钮   
$(":submit") 

//所有重置按钮    
$(":reset")  

//所有button按钮    
$(":button") 

//所有文件域    
$(":file")

猜你喜欢

转载自blog.csdn.net/nangeali/article/details/81213477
今日推荐