正文
jqueryon区别 jquery的on方法5种
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
jQuery中的bind()函数跟on()函数有什么区别呢?
.bind()与.on()的区别:(1)是否支持selector这个参数值。由于javascript的事件冒泡特性,如果在父元素上注册了一个事件处理函数,当子元素上发生这个事件的时候,父元素上的事件处理函数也会被触发。
bind():为每个匹配元素的特定事件绑定事件处理函数。bind(type,[data],fn)type: 含有一个或多个事件类型的字符串,由空格分隔多个事件。比如click或submit,还可以是自定义事件名。
.bind()是直接绑定在元素上 .live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。和.bind()的优势是支持动态数据。
绑定较为灵活,可以给事件单独绑定函数;data:可选;需要传递的参数;function:必需;当绑定事件发生时,需要执行的函数;适用所有版本,但是根据官网解释,自从jquery7版本以后bind()函数推荐用on()来代替。
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则不行。
4、作用不同 on():在被选元素及子元素上添加一个或多个事件处理程序。live():为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
5、delegate() 是4引入的,目的是通过祖先元素来代理委派后代元素的事件绑定问题,某种程度上和live()优点相似。只不过live()是通过document元素委派,而delegate则可以是任意的祖先节点。
6、)差些;bind()支持Jquery所有版本;live()支持jquery8-;delegate()支持jquery2+;on()支持jquery7+。结论:如果项目中引用的jquery版本为低版本,推荐用delegate(),如果是高版本jquery则建议用on()。
jquery绑定事件on()方法
1、live()的原理很简单,它是通过document进行事件委派的,因此我们也可以使用on()通过将事件绑定到document来达到 live()一样的效果。live()写法 on()写法 这里的关键就是第二个参数selector在起作用了。
2、新建一个静态页面bind.html,并引入jquery核心文件。在标签中,插入一个button按钮,添加id属性值。在标签中,添加按钮点击事件,利用on()方法绑定。
3、定义和用法 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。
4、on():使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。live():通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
jqueryon区别的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery的on方法5种、jqueryon区别的信息别忘了在本站进行查找喔。