Jquery 未捕获类型错误：Button.addEventlistener不是函数

每当我单击时，我都想检查元素是否具有相应的类名并提醒我。我试图指定确切的数组：

const toggleButton = $("#toggle-btn")[0];

但我得到了同样的结果

<button id="toggle-btn" class="navbar-toggler" type="button">Test</button>

我希望得到警告消息

“我有这个类！”

，但我得到的却是错误：

未捕获的TypeError:toggleButton.addEventListener不是scripts.js:12中的函数

---

您必须决定是使用JQuery还是纯JavaScript DOM元素。如果您使用的是香草（普通）JS，则可以使用

.addEventListener（）

函数。但是，必须在标准JS DOM元素上调用它。例如：

const toggleButton = document.getElementById("toggle-btn"); // Get the element
toggleButton.addEventListener("click", checkButtonClass);

如果您使用的是Jquery对象，则必须使用

on

函数：

const toggleButton = $("#toggle-btn"); // get the JQuery element object
toggleButton.on("click", checkButtonClass);

---

jQuery对象没有该函数。

addeventListener（）

是元素的方法

toggleButton

是一个jQuery对象，因此它没有该方法。使用或取而代之：同意，如果您使用jQuery，那么您最好使用jQuery的事件处理功能非常感谢大家！他正在工作我没想到。。。我现在明白了。现在工作起来很有魅力。非常感谢。