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

在开发 Web 应用程序时，我们通常需要对页面的各个元素进行操作，其中一个重要的操作就是获取已触发事件的元素的类。JavaScript 和 JQuery 都提供了获取元素类的方法，本文将介绍如何使用它们来实现此功能。

JavaScript

在 JavaScript 中，获取元素的类可以通过 className 属性来实现。例如，我们可以在点击某个元素时获取它的类：

document.addEventListener("click", function(event) {
  var targetElement = event.target;
  var targetClass = targetElement.className;
  console.log("Target element class:", targetClass);
});

在上面的代码中，我们使用了 addEventListener 函数来添加一个点击事件监听器，当用户点击页面上的任何元素时，该监听器将被触发。在监听器函数中，我们使用 event.target 属性获取触发事件的元素，然后使用 className 属性获取该元素的类，并将其打印到控制台中。

JQuery

在 JQuery 中，获取元素的类可以通过 attr() 方法来实现。例如，我们可以在点击某个元素时获取它的类：

$(document).on("click", function(event) {
  var targetElement = $(event.target);
  var targetClass = targetElement.attr("class");
  console.log("Target element class:", targetClass);
});

在上面的代码中，我们使用了 on() 函数来添加一个点击事件监听器，当用户点击页面上的任何元素时，该监听器将被触发。在监听器函数中，我们使用 $() 函数将触发事件的元素包装成 JQuery 对象，然后使用 attr() 方法获取该对象的类，并将其打印到控制台中。

总结

无论是使用 JavaScript 还是 JQuery，获取已触发事件的元素的类都是非常简单的。有了这个功能，我们可以在开发 Web 应用程序时更方便地进行元素操作。