jquery 选择器

原创已于 2022-05-18 14:34:53 修改 · 225 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #ecmascript

于 2022-05-18 14:33:04 首次发布

本文详细介绍了jQuery的各种选择器，包括选取所有元素、特定类别的元素、具有特定属性的元素，以及基于位置的选择器等。这些选择器是前端开发中进行DOM操作的重要工具，能帮助开发者高效地定位和操作页面元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery选择器

语法	                                             描述
$("*")	                                   选取所有元素	
$(this)	                                   选取当前 HTML 元素	
$("p.intro")	                           选取 class 为 intro 的 <p> 元素	
$("p:first")	                           选取第一个 <p> 元素	
$("ul li:first")	                           选取第一个 <ul> 元素的第一个 <li> 元素	
$("ul li:first-child")	               选取每个 <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> 元素