CSS定位总结

语法	描述
$(this)	选取当前HTML元素
$("*")	选取所有元素
$("p")	匹配<p>标签元素
$("#kw")	匹配属性 id='kw'的元素
$(".info")	选取class属性为info的元素
$("p.intro")	选取class属性为info的<p>元素
$("p:first")	选取第一个<p>元素
$("ul li:first")	选取每个 <ul> 元素的第一个 <li> 元素
$("ul li:last")	选取每个 <ul> 元素的最后一个 <li> 元素
$("[href]")	选取带有href属性的元素
$("a[target='_blank']")	选取所有 target 属性值等于 "_blank" 的 <a> 元素
$("a[target!='_blank']")	选取所有 target 属性值不等于 "_blank" 的 <a> 元素
$(":button")	选取所有 type="button" 的 <input> 元素和 <button> 元素
$("tr:even")	选取偶数位置的 <tr> 元素
$("tr:odd")	选取奇数位置的 <tr> 元素
$('[name^="value"]')	匹配 name 以 value 开头的元素
$('[name$ ="end"]')	匹配 name 以 end 结尾的元素
$('[class*="text"]')	匹配class属性包含text的元素
$('#demo>p')	子代选择器,通过父元素找子元素
$('#demo p')	后代选择器,通过父元素找子孙元素
$('#p1+div')	兄弟相邻选择器,通过定位当前元素，找到同一层级的下一个兄弟元素
$('#p1~div')	同辈选择器，,通过定位当前元素，找到同一层级的该元素后面的全部兄弟元素
$('p, div')	p标签和div标签元素

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。