第一个示例将事件侦听器直接绑定到元素。它为每个元素添加一个单独的侦听器,并且只会响应添加侦听器时DOM中元素上的事件。
第二个示例将事件侦听器绑定到文档对象。它会检查任何可能冒泡到文档对象的事件,并在触发该函数之前测试该事件开始于的元素是否与选择器匹配。绑定侦听器时,不需要元素存在于文档中。在事件冒泡到文档对象之前,有可能捕获(由另一个侦听器)事件并停止传播。
jQuery $(document).on('click',选择器,…)vs $(selector).on('click',
第一个示例将事件侦听器直接绑定到元素。它为每个元素添加一个单独的侦听器,并且只会响应添加侦听器时DOM中元素上的事件。
第二个示例将事件侦听器绑定到文档对象。它会检查任何可能冒泡到文档对象的事件,并在触发该函数之前测试该事件开始于的元素是否与选择器匹配。绑定侦听器时,不需要元素存在于文档中。在事件冒泡到文档对象之前,有可能捕获(由另一个侦听器)事件并停止传播。