jqueryshijiandaili，jquery事件代理委托

jQuery中的bind()函数跟on()函数有什么区别呢?

.bind()是直接绑定在元素上 .live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。

例如：javascript$（document）.live（eventType，function（event）{}）。on（）方法：是jQuery7及以上版本提供的新方法，用于在匹配选择器的元素上绑定一个或多个事件处理函数。

推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

fn：该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。对比发现off 和unbind的 差别不大， 但是off多一个[selector] 可以过滤指定元素。

相关问答

Q1: 怎样处理jQuery动态添加元素时无法触发绑定事件

1、jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。

2、jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

3、事件是在网页加载的时候都绑定好了，动态添加的tr上其实并没有绑定事件，如果想动态绑定的话可以用live来绑定，live方法用法和bind相同。

Q2: jquery中的delegate函数有什么用

1、delegate用于事件委托，也是绑定过JavaScript或者jQuery添加的DOM元素事件。

2、这样可以提高性能，因为只需要绑定一次事件，就可以处理所有的子元素事件。jQuery 支持三种事件委托方法：on、live 和 delegate。

3、delegate函数，delegate(selector，type，[data]，fn)参数多了一个selector，用来指定触发事件的目标元素，监听器将被绑定在调用此方法的元素上。

4、delegate和on方法被选元素的子元素必须是合法的子元素。on(events，[selector]，[data]，fn)，参数[selector]是可选，一个选择器字符串用于过滤器的触发事件的选择器元素的后代。delegate的selector是必需的。

5、首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数，那就是ready？ 他在页面加载完成之前执行。

Q3: JS-阻止冒泡事件与事件委托

1、事件委托也称为事件代理， 在 jQuery 里面称为事件委派。 不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。

2、js中的事件流在解析事件委托之前，我们先回顾一下js中的事件流，即冒泡和捕获。① .冒泡：当下级节点触发某个事件的时候，该事件会逐级向上触发上级节点的同类事件。② .捕获：和冒泡类似，只不过事件的顺序相反。

3、事件冒泡过程（以标签ID表示）：hr_three---divTwo---divOne。从最里层冒泡到最外层。

4、js阻止冒泡 在阻止冒泡的过程中，W3C和IE采用的不同的方法，那么我们必须做以下兼容。

5、事件委托是一种在JavaScript中处理事件的技术。它利用了事件的冒泡机制，将事件处理程序绑定到它们的共同祖先元素上，而不是直接绑定到每个子元素上。

6、事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件，事件委托又叫事件代理。举一个通俗的例子：有三个同事预计会在周一收到快递。

关于jqueryshijiandaili和jquery事件代理委托的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。