$（document）.on（）和$（element）之间有什么区别.on（）

我知道jquery .on（）的使用和目的，因为我使用它。

但是我想知道这个脚本中$（document）.on（）vs $（element）.on（）之间的区别是什么：

 ...  ... ... AJAX DINAMYC CONTENT  ....  $(document).on('click','.btn-edit',function(){ go_edit(); }); $('#table-user').on('click','.btn-edit',function(){ go_edit(); });    

是什么表现不同或他们之间的其他东西？

Answer 1

@Mukesh已经回答了主要的区别。 我会尝试添加一件事。

当您在html文档中的元素（如div或按钮 ）上单击（或任何其他事件）时，该单击事件将传播到该元素的父元素。 所以如果你有这样的结构：

 
 
 
 
 Click Me 
 
 
  

然后单击按钮，该单击将传播到td，然后传播到tr，然后传递到表，最后传播到文档本身。

现在假设您已经在文档上注册了一个click事件（ $ document.on（’click’，…） ）以及按钮（ $（button.on（’click’，…）） ），两者都做了一些不同的动作。 然后，如果单击该按钮，将执行相应的按钮操作，并且还将执行$（文档）的相应操作。

要防止按钮单击传播到文档本身，您需要对按钮单击处理程序执行操作（如stopPropagation等）

Answer 2

 $(document).on('click','.btn-edit',function() 

这会将单击事件绑定到文档及其中的所有子元素。 此方法称为委派事件处理。

 $('#table-user').on('click','.btn-edit',function() 

将click事件直接绑定到＃table-user。 直接在元素上捕获事件。