我是靠谱客的博主 敏感山水,最近开发中收集的这篇文章主要介绍jQuery里面的 .on 和 .bind 的区别,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

on 和 bind 的区别

1. on 可以多一个 selector 参数,可以给子元素添加事件. bind 只能给自己添加事件

2. 使用on添加的事件比如给自己子集使用类选择器添加的 ,后来创建的含有这个类名的子节点也有事件

 <div id='div1'>
<li class='a'>aaaa</li>
</div>
<div id="div2">
<li class="a">bbbb</li>
</div>

要给div下面的子元素a绑定事件,用bind肯定不行,因为这样会给所有的a元素都绑定事件。用on就可以就可以特意指定唯一父元素下的子元素然后绑定事件

$('#div1').on('click','.a',function(e){
console.log(this)
})

$('.a').bind('click',function(e){
console.log(this)
})

最后

以上就是敏感山水为你收集整理的jQuery里面的 .on 和 .bind 的区别的全部内容,希望文章能够帮你解决jQuery里面的 .on 和 .bind 的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部