addEventListener('click',function(){})是JavaScript原生提供的事件绑定方式,在事件触发时会调用相应的回调函数。例如:
document.getElementById('btn').addEventListener('click', function() { console.log('按钮被点击了!'); })
jQuery.click()是jQuery库中提供的事件绑定方式,可以通过选择器来绑定多个元素的事件。例如:
$('#btn').click(function() { console.log('按钮被点击了!'); })
它们的区别在于:
API使用方式不同:addEventListener()是JavaScript原生提供的,jQuery.click()是jQuery库提供的方法。
事件绑定的对象不同:addEventListener()只能绑定一个元素的事件,而且只能传入一个回调函数。jQuery.click()可以通过选择器来绑定多个元素的事件,可以传入多个回调函数。
兼容性不同:addEventListener()是浏览器原生支持的,兼容性较好。而jQuery库相对较大,需要单独引入,可能会存在兼容性问题。
所以,在选择使用事件绑定方式时,需要根据具体情况做出选择。如果只需要绑定单个元素的事件,可以考虑使用原生的addEventListener(),如果需要更多的功能,可以考虑使用jQuery.click()。