jQuery常用选择器总结(超详细)

语法	描述	备注
$("*")	选取所有HTML元素
$(this)	选取当前HTML元素
$(“p.intro”)	选取class为intro的<p>元素
$(“p.first”)	选取第一个<p>元素
$(“ul li:first”)	选取第一个<ul>元素的第一个<li>元素
$(“ul li:first-child”)	选取每一个<ul>元素的第一个<li>元素
$("[href]")	选取带有href属性的元素	"[ ]“可以理解为属性，比如[href]表示带有href属性的元素；”:"可以理解为种类，比如p:first表示p类标签的第一个
$(“a[target=’_blank’]”)	选取所有target属性值等于"_blank"的<a>元素
$(“a[target!=’_blank’]”)	选取所有target属性值不等于"_blank"的<a>元素
$(":button")	选取所有type=“button”的<input>元素和<buttom>元素	如果去掉冒号，则只能获取到<button>元素
$(“tr:even”)	选取偶数位置的<tr>元素	方便设置列表交替行样式
$(“tr:ood”)	选取奇数位置的<tr>元素

//复合选择器
$("#id", ".class")  
//层级选择器  div下的p元素中的span元素
$(div p span) 
//父子选择器  div下的所有p元素      
$(div>p)  
//相邻元素选择器  div后面的p元素(仅一个p)          
$(div+p)  
//兄弟选择器  	div后面的所有p元素(同级别)          
$(div~p)  
//类选择器 加 过滤选择器  第一个和最后一个（first 或者 last）          
$(.p:last)          
//层级选择 加 过滤选择器 奇偶（odd 或者 even）
$("#mytable td:odd")      
//索引选择器 div下的第三个p元素（索引是从0开始）
$("div p:eq(2)")    
//属性选择器
$("a[href='www.baidu.com']")  
// 内容过滤选择器，包含text内容的p元素
$("p:contains(test)")        
//内容过滤选择器，所有空标签（不包含子标签和内容的标签）parent 相反
$(":emtyp")  
//所有隐藏元素 visible       
$(":hidden")    
//选取所有启用的表单元素   
$("input:enabled") 
//所有不可用的元素
$(":disabled")
//获取所有选中的复选框单选按钮等     
$("input:checked") 
//获取选中的选项元素
$("select option:selected")