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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_41885819/article/details/99978086
语法 描述 备注
$("*") 选取所有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") 

猜你喜欢

转载自blog.csdn.net/qq_41885819/article/details/99978086