如何使用 jQuery 查找被点击元素的类？

在前端开发中，经常需要在页面中找到某个元素所属的类，这时候我们可以使用 jQuery 来进行查找。本文将介绍如何使用 jQuery 查找被点击元素的类。

步骤

1. 首先，需要在 html 页面中引入 jQuery 库，可以通过以下方式引入：

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

2. 在需要查找被点击元素的类的元素上添加一个监听点击事件的函数，如下所示：

<div class="box">点击我</div>

<script>
$('.box').click(function() {
    // 在这里编写查找类的代码
});
</script>

3. 在点击事件函数中使用 jQuery 的 attr 方法来获取被点击元素的类，代码如下：

<div class="box">点击我</div>

<script>
$('.box').click(function() {
    var classList = $(this).attr('class');
    console.log(classList);
});
</script>

4. 刷新页面并点击元素，可以在浏览器的开发者工具中的控制台中看到该元素的类列表。

代码解释

1. $('.box')：使用 jQuery 选择器选择 class 为 “box” 的元素，该选择器会查找页面中所有 class 为 “box” 的元素。
2. click(function() {})：在被选择的元素上添加一个点击事件的监听器，当用户点击该元素时，这个函数就会被执行。
3. $(this)：表示当前被点击的元素，attr('class')：获取该元素的 class 属性值。
4. console.log(classList)：在控制台中打印出该元素的类列表。

总结

本文介绍了如何使用 jQuery 查找被点击元素的类。通过以上步骤，可以方便地获取到用户点击元素的类列表，为前端开发提供了便利。