我应该使用 $(document)

Question

在我的 Web 应用程序中，我有一个带有 AJAX 删除/删除按钮的购物车，该按钮会刷新购物车并显示新的购物车。

代码是这样的：

$(".delBtn").on("click", function(){
    // Code here
});

当显示新购物车时，删除按钮将不再起作用。

我现在改用以下内容：

$(document).on("click", ".delBtn", function(){    
    // Code here
});

它按预期工作，但它是可用的最佳选择吗？高级开发人员或专家会认为这是糟糕的代码吗？

Answer 1

首先，为什么第一个代码 sn -p 不起作用。

第一个代码的意思是“选择当前页面上的每个元素，并在单击时运行一个函数。”但是，在您执行此操作时，您的按钮不在页面上（因为尚未添加它），因此不会找到任何元素。相比之下，第二种方法说，每当您单击页面时，如果单击的元素具有类“delBtn”，则运行该函数。因为这只是寻找网页上的点击，所以它适用于稍后添加的元素

至于原问题：

是和不是。没关系，但您可能希望将其更改为不同的内容。其工作方式是 jquery 监听文档上的每个单击事件，并检查单击的元素是否与选择器匹配。因此，jquery 必须在每次单击页面上的某些内容时运行一些代码。

您可能应该做的是将 $(document) 更改为包含该按钮的任何父元素。这将有更好的性能，因为 jquery 只需要检查包含按钮的实际元素上的点击事件。