Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery事件处理程序差异_Javascript_Jquery_Events_Jquery Click Event - Fatal编程技术网

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
});