点击处理程序有额外的参数

Question

我找到了这行代码，我不知道它的作用：

$("body").on("click", "#my_info_box, a.submitSomething", function(){
            doSomething();
        });

Answer 1

委托事件方法只将一个事件处理程序附加到一个元素tbody，而事件只需要冒出一个级别（从点击的tr到tbody）：

$( "#dataTable tbody" ).on( "click", "tr", function() {
  alert( $( this ).text() );
});

在此处找到更多内容：http://api.jquery.com/on/

Answer 2

它做事件委托。这意味着jQuery将监听可能在AJAX中发生的#my_info_box框内的更改，并且仍然可以处理新数据。否则它无法知道用AJAX加载的新数据。

Answer 3

1. 第一个参数是针对曲目的事件。
2. 其次是附加选择器（Event delegation）
3. 第三是回调功能。

如此简单：.on()是.click()的替代方案。但它也适用于动态创建的元素。

Answer 4

设置一个事件处理程序，用于单击包含#my_info_box的元素和包含.submitSomething的元素。处理程序是function() { doSomething(); }