本文介绍了jQuery选择器的基本用法，如标签选择器、类选择器、ID选择器和属性选择器，并详细讲解了如何结合使用`this`关键字选择并操作子元素。提供了一个示例代码，展示了在点击事件中，如何使用`this`选取当前元素，并为其子元素添加类，实现样式变化。通过学习，读者能够更好地理解和运用jQuery进行网页元素的选择与操作。
jQuery是一个流行的JavaScript库，用于简化操作HTML文档、处理事件、执行动画等任务。在jQuery中，选择器是一种常用的工具，用于选择和操作HTML元素。本文将介绍如何使用jQuery选择器以及如何使用this选择子元素。
1. jQuery选择器简介
jQuery选择器是一种用于选择HTML元素的表达式。它类似于CSS选择器，可以根据元素的标签名、类名、ID和属性等进行选择。下面是一些常见的jQuery选择器示例：
- 标签选择器：通过元素的标签名选择元素，例如
$("p")选择所有的段落元素。 - 类选择器：通过元素的类名选择元素，例如
$(".my-class")选择所有具有my-class类的元素。 - ID选择器：通过元素的ID选择元素，例如
$("#my-id")选择具有my-idID的元素。 - 属性选择器：通过元素的属性值选择元素，例如
$("[name='my-name']")选择具有name属性且属性值为my-name的元素。
除了这些基本的选择器之外，还有更多的选择器可以用于更精确的元素选择。
2. 使用this选择子元素
在jQuery中，this关键字用于引用当前正在处理的元素。通过结合选择器和this关键字，我们可以选择当前元素的子元素。
下面是一个示例代码，演示如何使用this选择子元素&#
订阅专栏 解锁全文
2993
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
