如何使用 JavaScript/JQuery 获取已触发事件的元素的类？

在使用 JavaScript/JQuery 进行事件处理时，有时需要获取触发事件的元素的类。以下是两种方法可以实现此目的。

方法一：使用 JavaScript 的 event 对象

在 JavaScript 中，事件处理器的第一个参数 event 对象包含了很多与事件相关的信息，包括触发事件的元素。我们可以使用 event.target 属性来获取触发事件的元素，然后通过 classList 属性或 className 属性获取它的类。

代码示例：

document.addEventListener('click', function(event) {
  var targetElement = event.target;
  var targetElementClassList = targetElement.classList;
  var targetElementClassName = targetElement.className;
  console.log(targetElementClassList);
  console.log(targetElementClassName);
});

方法二：使用 JQuery 的 $(this) 对象

在 JQuery 中，事件处理器的 this 对象指向触发事件的元素。我们可以使用 $() 函数将 this 对象包装成 JQuery 对象，然后使用 hasClass()、attr() 或 prop() 方法获取它的类。

代码示例：

$(document).on('click', function() {
  var $targetElement = $(this);
  var hasClass = $targetElement.hasClass('my-class');
  var attrClass = $targetElement.attr('class');
  var propClass = $targetElement.prop('class');
  console.log(hasClass);
  console.log(attrClass);
  console.log(propClass);
});

以上是两种获取已触发事件的元素的类的方法。具体使用哪种方法取决于你的喜好和项目需求。