在jquery中,事件代理的意思是把事件绑定到父级元素,等待事件通过DOM冒泡到该元素时再执行的行为;事件代理就是利用事件冒泡的原理把事件加到父级上,通过判断事件来源,执行相应的子元素的操作,可以极大减少事件绑定次数,提高性能。
本教程操作环境:windows10系统、jquery3.6.0版本、Dell G3电脑。
jquery事件代理的意思是什么
在jQuery中,事件代理是指:把事件绑定到父级元素,然后等待事件通过DOM冒泡到该元素时再执行。
事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向它的父级一级一级传递),把事件加到父级上,通过判断事件来源,执行相应的子元素的操作,事件代理首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。
在事件侦听过程中有两种触发事件的方式:事件捕获和事件冒泡。事件冒泡更快,效率更高。
事件捕获:事件在DOM中向后代元素下沉。
事件冒泡:事件从发生事件的源元素通过DOM向上冒泡。
jQuery使用事件冒泡的方式处理所有的事件。jQuery库提供了3个方法来绑定元素的事件处理函数,分别是bind()、live()、delegate()。
1、使用.bind()绑定事件处理函数:必须提供两个参数,第一个是事件类型,第二个是事件处理函数。
.bind(event type,event handle)
如:
$(document).ready(function(){ $(".selector").bind("click",alertMe); function alertMe(){ alert("Hello world!"); } });