Question

我的网页上有很多链接。大约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
     });
});

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

Answer 1

首先，ID必须是唯一的，因此应该只有一个 reply_x ID-attribute元素，但我会假设_x实际上是一个数字。你的手指必须输入所有这些绑定会变得很难，所以你应该给他们所有人一个类：reply：

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

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

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

...只要#container基于this answer

接近.reply元素，效果似乎更高效

哪个是在链接上运行函数的最有效方法单击

1 个答案: