JavaScript与jQuery:昔日王者与现代前端的交响曲【含代码示例】
// 使用原生JavaScript添加事件监听器
document.getElementById('myButton').addEventListener('click', function() {
alert('按钮被点击 (原生JavaScript)');
});
// 使用jQuery添加事件监听器
$('#myButton').on('click', function() {
alert('按钮被点击 (jQuery)');
});
这段代码演示了如何使用原生JavaScript和jQuery为同一个按钮元素添加点击事件监听器。原生JavaScript使用addEventListener
方法,而jQuery使用on
方法。两者都在元素ID为myButton
的按钮上设置点击事件,当按钮被点击时,会弹出一个警告框。
评论已关闭