📅  最后修改于: 2023-12-03 15:32:08.107000             🧑  作者: Mango
如果你熟悉 JavaScript 的事件监听器,你一定知道它可以方便地为 DOM 元素添加事件监听器。但是,如果你使用 jQuery,就可以通过自带的 on()
函数来更加方便地为元素添加事件监听器。不过,如果你想使用原生的 addEventListener()
函数,也可以使用 jQuery 的 get()
函数来获取 DOM 元素,然后使用原生的方法来为其添加事件监听器。
示例代码:
// jQuery 的 on() 函数
$("button").on("click", function() {
alert("按钮被点击了!");
});
// 使用 get() 函数获取 DOM 元素之后,使用原生的 addEventListener() 函数
$("button").get(0).addEventListener("click", function() {
alert("按钮被点击了!");
});
需要注意的是,如果你通过 get()
函数获取了 DOM 元素,那么返回的是一个原生的 DOM 元素,而不是 jQuery 对象。因此,你不能通过使用 jQuery 对象上的方法来操作它。
以上就是使用 jQuery 的 addEventListener()
函数的介绍,希望能对你有所帮助。