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

在开发网页时，我们经常需要获取已触发事件的元素的类。这种需求在开发一些页面交互效果的时候尤为常见，例如点击按钮时改变按钮样式。下面我们以 JavaScript/JQuery 为例，介绍如何获取已触发事件的元素的类。

1. 使用原生 JavaScript

我们可以使用原生的 JavaScript 来获取已触发事件的元素的类。在事件处理函数中使用 this 关键字即可获取当前事件的目标元素，然后通过 classList 属性来获取该元素的类。例如：

button.addEventListener('click', function() {
  var classes = this.classList;
  console.log(classes); // 打印当前按钮的类
});

在上面的代码中，我们使用 addEventListener 方法为按钮添加了一个点击事件处理函数。在该函数内部，通过 this 关键字获取了当前触发事件的目标元素，即按钮。然后通过 classList 属性获取该元素的类，并将其打印出来。

2. 使用 JQuery

如果你使用的是 JQuery，那么可以使用 $(this) 来获取当前事件的目标元素，然后通过 attr('class') 方法来获取该元素的类。例如：

$('button').click(function() {
  var classes = $(this).attr('class');
  console.log(classes); // 打印当前按钮的类
});

在上面的代码中，我们使用了 JQuery 提供的 click 方法来为按钮添加点击事件处理函数。在该函数内部，通过 $(this) 获取了当前触发事件的目标元素，即按钮。然后通过 attr('class') 方法获取该元素的类，并将其打印出来。

总结

以上就是如何使用 JavaScript/JQuery 获取已触发事件的元素的类的介绍。无论你使用哪种方式，都要记得在事件处理函数中使用 this 或 $(this) 来获取当前事件的目标元素。然后再通过相应的属性或方法来获取该元素的类即可。