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

在使用 jQuery 中，查找被点击元素的类是一件很常见的事情。下面介绍几种方法来实现这个目标。

1. 使用 $(this)

在 jQuery 中，$(this) 表示当前操作的元素。因此，可以通过下面的方法来查找被点击元素的类：

$(document).on('click', '.my-class', function() {
  var className = $(this).attr('class');
  console.log(className);
});

在这个例子中，我们使用了 $(document).on('click', ...) 来绑定一个点击事件。然后，我们指定了一个选择器 .my-class，表示要查找类为 my-class 的元素。当事件发生时，我们通过 $(this) 得到被点击的元素，然后使用 .attr('class') 方法得到它的类名。

2. 使用 event.target

另一种查找被点击元素的类的方法是使用 event.target。这是原生 JavaScript 中的一个属性，表示触发事件的 DOM 元素。在 jQuery 中，也可以使用它来查找被点击元素的类：

$(document).on('click', '.my-class', function(event) {
  var className = $(event.target).attr('class');
  console.log(className);
});

在这个例子中，我们为回调函数传递了一个 event 参数，它表示发送事件的事件对象。我们通过 event.target 得到被点击的元素，然后使用 $() 函数将其转换为 jQuery 对象。最后，我们使用 .attr('class') 方法得到类名。

3. 使用 hasClass

另一种查找被点击元素是否包含指定类的方法是使用 hasClass。这是 jQuery 中的一个方法，可以判断一个元素是否包含指定的类：

$(document).on('click', '.my-class', function() {
  if ($(this).hasClass('my-class')) {
    console.log('Clicked element has class "my-class"');
  }
});

在这个例子中，我们使用 $(this) 得到被点击的元素，然后使用 .hasClass('my-class') 方法判断它是否包含类名为 my-class 的类。如果包含，就打印一条消息。

总结：

以上三种方法都可以用来查找被点击元素的类。其中，第一种方法最常见，因为它可以轻松地得到所有的类名。第二种方法是一种更原生的方式，可以在极端情况下获得更好的性能。第三种方法是一种简单的方法，只能告诉你一个元素是否包含指定的类。