Jquery 函数的作用是降低UI的性能

我的应用程序中有一个UI页面，需要花费很多时间来加载

如您所见，在HTML源代码中，我有一系列。单击

document.ready（）

函数中的jQuery事件处理程序，如下所示：

 $(document).ready(function()  {
$("#selectAllCountry").click( function() {
    $("#" + $(this).attr('rel') + " INPUT[type='checkbox']").attr('checked', true);
    return false;
});


... and many more...

它会影响我的页面的性能吗？在HTML正文中移动这个.click处理程序是否有助于改进它

还有一件事，我正在使用iframe在同一个域中加载另一个页面。但是，即使我删除了iframe标记，性能改进也不多。我知道，iframe这件事是我的应用程序性能的一个主要瓶颈，我最终会删除它，但是我还需要为这个页面做一些其他的事情。那个特别的东西可能是什么

---

我的页面性能很慢，甚至当我试图获取源代码以便在jsbin中重现场景时，Chrome也挂起了。

看起来你可以将单击处理程序的数量减少到1，因为它们似乎都在做同样的事情

如果可以在元素上放置

选择

和

取消选择

的类，则可以执行以下操作：

 $(".select, .deselect").click( function() {
    var t = $(this);
    $("#" + t.attr('rel') + " input:checkbox")
        .attr('checked', t.hasClass('select'));
    return false;
});

---

从性能角度看，您观察到了什么？我敢肯定，由于您发布的代码墙，您的得票率正在下降。考虑SSCE（）中的第一个S。作为记录，我没有投反对票。你真的喜欢我们在这里看到的那种代码复制吗？第一个问题不应该是：我怎样才能把这个…仪式上的咒语减少到可以控制的程度？耶…@flq…我知道…这件事我做得很匆忙…这是我不应该做的。我现在编辑了这个问题，你让这家伙太容易了。