
正文
jquery的on方法第二参数 jquery one方法
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jQuery中delegate和on的用法与区别详细解析
两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。on(events,[selector],[data],fn),参数[selector]是可选,一个选择器字符串用于过滤器的触发事件的选择器元素的后代。
delegate用于事件委托,也是绑定过JavaScript或者jQuery添加的DOM元素事件。
.bind()是直接绑定在元素上 .live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。和.bind()的优势是支持动态数据。
绑定较为灵活,可以给事件单独绑定函数;data:可选;需要传递的参数;function:必需;当绑定事件发生时,需要执行的函数;适用所有版本,但是根据官网解释,自从jquery7版本以后bind()函数推荐用on()来代替。
如果使用on的时候,不设置selector,那么on与bind就没有区别了。(2)on绑定的事件处理函数,对于未来新增的元素一样可以的,和delegate效果相同,而bind则不行。
作用不同 on():在被选元素及子元素上添加一个或多个事件处理程序。live():为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
相关问答
Q1: jQuery的on()事件问题
on()写法 这里的关键就是第二个参数selector在起作用了。它是一个过滤器的作用,只有被选中元素的后代元素才会触发事件。
但如果我们这样写:( .del_opter ).on( click, function() { console.dir(stat);});则可能出现无响应的问题。
on():在被选元素及子元素上添加一个或多个事件处理程序。live():为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
Q2: jQuery中的.on和.delegate的区别
1、两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。
2、而on是在7之后新增的,是把bind,live,delegate全部合并在一起了,(div).on(click,p,function(){alert(1);})不需要事件委托的时候把P去掉就会变成点击div触发了。
3、如果使用on的时候,不设置selector,那么on与bind就没有区别了。(2)on绑定的事件处理函数,对于未来新增的元素一样可以的,和delegate效果相同,而bind则不行。
jquery的on方法第二参数的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery one方法、jquery的on方法第二参数的信息别忘了在本站进行查找喔。







