正文
jquerylive多个事件,jquery绑定多个事件
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
Jquery中bind和live的区别
bind是在页面加载完成之后只对DOM进行一次绑定 live会在每次事件冒泡过程中都会监听绑定的事件。
bind会在事件在绑定阶段bind时就会判断绑定事件的对象target是否存在,而且只针对当前元素进行绑定,而不是绑定到父节点上。以下举例。按钮1会触发bind和live的绑定事件。按钮2会触发live的绑定事件。
bind()方法为每个匹配元素的特定事件绑定事件处理函数。bind()方法的底层逻辑是on()方法。 .bind() 方法是用于往文档上附加行为的主要方式。
)差些;bind()支持Jquery所有版本;live()支持jquery8-;delegate()支持jquery2+;on()支持jquery7+。结论:如果项目中引用的jquery版本为低版本,推荐用delegate(),如果是高版本jquery则建议用on()。
),而后新的链接经由AJAX加入到了页面中,则你的bind处理程序对于这些新加入的链接来说是无效的。而另一方面live和delegate则是被绑定到另一个祖先节点上,因此其对于任何目前或是将来存在于该祖先元素之内的元素都是有效的。
jQuery的live()方法怎么用?
1、bind()可以绑定多个事件,live()一次只能绑定一个事件。区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说,如果你给页面上所有的li用live绑定了click事件。
2、on():$(selector).on(event,childSelector,data,function)childSelector可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
3、(#btn).live(click,function()后续通过脚本动态添加的元素(符合 id=#btn),也是绑定了click事件的。如何使用 live() 方法向尚未创建的元素添加事件处理器。
4、$(div).live(click,function(){}):方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
5、click(),mouseover(),mousermove等来处理事件,真正起作用的是bind()。而这些方法都只是辅助作用(别名函数),简化使用。都只有一个参数(触发事件时执行的回调函数)。live()不同,不依赖bind()API。
jquery中的bind,live,delegate和on方法的区别是什么
大括号替代方式:绑定较为灵活,可以给事件单独绑定函数;data:可选;需要传递的参数;function:必需;当绑定事件发生时,需要执行的函数;适用所有版本,但是根据官网解释,自从jquery7版本以后bind()函数推荐用on()来代替。
bind()方法为每个匹配元素的特定事件绑定事件处理函数。bind()方法的底层逻辑是on()方法。 .bind() 方法是用于往文档上附加行为的主要方式。
作用不同 on():在被选元素及子元素上添加一个或多个事件处理程序。live():为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
Jquery中bind和live的区别如下:bind()可以绑定多个事件,live()一次只能绑定一个事件。区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。
jquerylive多个事件的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery绑定多个事件、jquerylive多个事件的信息别忘了在本站进行查找喔。