javascript - jquery $(document).on ('click'，选择器，...) vs $(selector).on ('click'，

Question

我过去一直用:

$(selector).on('click', function )

但今天我将它绑定(bind)到在 docready 之后进入的对象(来自 ajax 调用)。绑定(bind)不会粘住。

谷歌搜索后我看到了这个:

$(document).on( event, selector, function ) 

语法。改成这个之后，我的代码就可以工作了。

我一直在脱离 jquery，感觉我错过了一些东西，这两种方法有真正的区别吗？它们是什么？

后一种语法是现在对新元素进行绑定(bind)的唯一方法吗(用于服务的目的 livequery 插件)？

Answer 1

第一个示例将事件监听器直接绑定(bind)到元素。它为每个元素添加一个单独的监听器，并且只会响应添加监听器时 DOM 中元素上的事件。

第二个示例将事件监听器绑定(bind)到文档对象。它将检查冒泡到文档对象的任何事件，并在触发函数之前测试事件启动的元素是否与选择器匹配。绑定(bind)监听器时，它不需要元素存在于文档中。事件有可能被捕获(由另一个监听器)并在它冒泡到文档对象之前停止传播。