jQuery 的各种选择器

最新推荐文章于 2021-08-20 18:21:27 发布

原创最新推荐文章于 2021-08-20 18:21:27 发布 · 664 阅读

1 ·

CC 4.0 BY-SA版权

AJAX/jQuery/Javascript 专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了jQuery中各种选择器的使用方法，包括基本的选择器如$(this)、$(p)等，以及复杂的组合选择器如$(li[a:contains('Register')])等。这些选择器可以帮助开发者更高效地操作DOM元素。

$(this)           当前元素
$("p")           所有<p>元素
$("input")      所有input元素
$(".intro")      所有 class=“intro” 的元素
$("p.intro")    所有 class="intro" 的<p>元素
$("#intro")   id="intro" 的第一个元素
$("ul > li")      ul下的所有li节点
$("ul li:first")            每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']")   所有带有以 ".jpg" 结尾的 href 属性的属性
$("div#intro .head")                id="intro" 的 <div> 元素中的所有 class="head" 的元素
$(li[a:contains('Register')]") 内容包含Register的<a>元素
$("input[@name=bar]")        name是bar的<input>元素
$("input[@type=radio][@checked]")   type是radio的<input>元素
$(“li”).not(“ul”)           li下没有包含ul节点的节点元素
$("span[@id]")          包含id属性的<span>元素
$("[@id=span1]")   id为span1的节点元素