为静态按钮动态分配事件的优点

Question

我是Jquery的新手，在许多示例和代码中，我看到事件处理程序是使用Jquery动态分配的（$（“＃button”）。单击（somefunction））HTML组件，即使它们是静态创建的。

将事件动态绑定到静态创建的按钮是否有任何优势？ 如果组件是动态创建的，我可以获得优势吗？有人可以解释一下。

Answer 1

您获得的优势是，它将业务逻辑与标记分开。

Answer 2

是的，它与代码主要和HTML和JS之间的分离有关。

在一个地方分配所有点击事件意味着：

1. 您的HTML将更清晰，更易于阅读
2. 当您需要更改某些内容时，您将在一个位置拥有所有代码，以便更容易找到/修改内容。

当然，从纯粹的技术角度来看，您也可以直接在HTML中添加onclick个事件，它会起作用，但最好将HTML和JS分开。

Answer 3

还有一些，

1. 外化代码有助于快速加载页面。如果你正确地外化它。
2. 它创建了一个SEO友好的HTML页面。
3. 您可以使用javaScript添加更多动态行为。