「jQuery」jQuery选择器

艾登皮尔斯

于 2020-09-14 18:40:07 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

文章标签： jquery css html java javascript

本文深入讲解了jQuery中各种选择器的使用方法，包括基本选择器如元素选择器、#id选择器、.class选择器，以及更复杂的选择器如属性选择器、子元素选择器等。通过实例演示了如何选取特定的HTML元素。

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

选择器名称	语法	作用描述
元素选择器	`$("p")`	在页面中选取所有 `<p>` 元素:
#id 选择器	`$("#test")`	jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
.class 选择器	`$(".test")`	jQuery 类选择器可以通过指定的 class 查找元素。

选择器	语法
选取所有元素	`$("*")`
选取当前 HTML 元素	`$(this)`
选取 class 为 intro 的 `<p>` 元素	`$("p.intro")`
选取第一个 `<p>` 元素	`$("p:first")`
选取第一个 `<ul>` 元素的第一个 `<li>` 元素	`$("ul li:first")`
选取每个 `<ul>` 元素的第一个 `<li>` 元素	`$("ul li:first-child")`
选取带有 href 属性的元素	`$("[href]")`
选取所有 target 属性值等于 `"_blank"` 的 `<a>` 元素	`$("a[target='_blank']")`
选取所有 target 属性值不等于`"_blank"`的 `<a>` 元素	`$("a[target!='_blank']")`
选取所有 type="button" 的`<input>` 元素和 `<button>` 元素	`$(":button")`
选取偶数位置的 `<tr>` 元素	`$("tr:even")`
选取奇数位置的 `<tr>` 元素	`$("tr:odd")`