jQuery.on 与父选择器和子选择器一起使用与仅与子选择器一起使用

Question

我使用的是 jQuery 2.0.3

两者之间有什么区别吗:

$(parentSelector).on("click", childSelector, function() {...});

和

$(childSelector).on("click", function() {...});

为什么我想使用前者而不是后者？

Answer 1

第一个称为事件委托(delegate)，如果您的childSelector元素稍后添加到DOM，

• 第一个可以工作(新添加的元素有事件处理程序)- JSFiddle .
• 但第二个不会(新添加的元素没有任何事件处理程序)- JSFiddle .