jQuery 如何不使用addClass()方法为一个元素添加类

要为一个元素添加类，除了使用 addClass() 方法外，还可以使用以下两种方法：

1. 直接修改元素的 class 属性

可以通过直接修改元素的 class 属性来添加类，即使用 JavaScript Element 对象的 className 属性，通过将新的类名添加到原有类名的后面来实现：

const element = document.getElementById("example");
element.className += " newClass";

上述代码将添加名为 newClass 的类到 id 为 example 的元素上。通过直接修改 class 属性，可以避免使用 jQuery 库，从而达到提高网页加载速度的目的。

2. 使用 classList 对象的 add() 方法

除了直接修改 class 属性外，也可以使用 Element 的 classList 属性，通过调用 add() 方法来添加类。classList 拥有 add(), remove(), contains(), item() 等方法，可以方便地对元素的类进行修改。

const element = document.getElementById("example");
element.classList.add("newClass");

以上代码将添加名为 newClass 的类到 id 为 example 的元素上。与直接修改 class 属性的方法相比，使用 classList 更加直观，而且可以利用多种方法进行类的添加、删除和检测。

通过上述两个示例，可以了解到 jQuery 并非是添加类的唯一方法，其实 JavaScript 本身也提供了很多灵活的方式。根据实际的具体情况来选择合适的方法，可以更加高效地编写代码。