0

我的网页中有很多链接。大约 25 个 id="reply_x" 的链接。大约 20 个 id="quote_x" 的链接和一些 id="like_x" 的链接。我使用 JQuery 为不同的链接组编写了不同的函数。当有人单击任何具有reply_x id 的链接时，一个函数将运行，而另一个函数将在单击的具有id 为quote_x 的任何链接上运行。现在我想让我的网页高效。那么运行这些功能的最有效方法是什么。

我使用了以下方法。

$(document).ready(function(){
    $('#reply_x').click(function() {
  // function statements
     });
});

这是一种有效的方法吗？如果不是哪种方式更有效地运行该功能。

4

1 回答 1

1

首先，ID 必须是唯一的，所以应该只有一个 reply_xID 属性元素，但我假设它_x实际上是一个数字。必须键入所有这些绑定会让您的手指变得困难，因此您可能应该给所有这些绑定一个类reply：

$(".reply").on('click', function () {})

这会将事件绑定到所有元素，因此它可能不是最有效的。如果它们都包装在同一个容器中，您可以使用：

$("#container").on('click', '.reply', function () {})

...只要#container接近.reply基于此答案的元素，这似乎更有效

于 2013-03-01T06:20:49.793 回答