Javascript jQuery事件处理程序差异
以下是编写事件处理程序的两种不同方法:Javascript jQuery事件处理程序差异,javascript,jquery,events,jquery-click-event,Javascript,Jquery,Events,Jquery Click Event,以下是编写事件处理程序的两种不同方法: $('element').on("click",function(){ // do stuff }); vs 两者之间的主要区别是什么?哪种情况一种比另一种更适合? .on()方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始,.on()方法提供附加事件处理程序所需的所有功能。有关从旧的jQuery事件方法转换的帮助,请参见.bind()、.delegate()和.live()。要删除与.on()绑定的事件,请
$('element').on("click",function(){
// do stuff
});
vs
两者之间的主要区别是什么?哪种情况一种比另一种更适合?
.on()方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始,.on()方法提供附加事件处理程序所需的所有功能。有关从旧的jQuery事件方法转换的帮助,请参见.bind()、.delegate()和.live()。要删除与.on()绑定的事件,请参阅.off()。若要附加只运行一次的事件,然后将其自身删除,请参见.one()
(…)函数上的.on利用了所有其他事件绑定机制。它应该一直有效
此方法是前两个变体中.on(“click”,handler)和第三个变体中.trigger(“click”)的快捷方式。当鼠标指针位于某个元素上,按下并释放鼠标按钮时,单击事件将发送到该元素。任何HTML元素都可以接收此事件。例如,考虑HTML:
.click(…)
是元素的快捷方式。on(“click”,…)
click()是on()的快捷方式。它与()上的唯一不同之处在于,如果不使用参数调用它,它将调用:
$(元素).trigger('click')代码>如果使用第二个,jQuery将在内部使用第一个。这只是简单的速记。使用on()
可获得更可靠的前向兼容性。
$('element').click(function(){
// do stuff
});