JavaScript style.display =“none”或jQuery .hide()效率更高?

时间:2012-12-03 17:08:07

标签: javascript jquery css performance

document.getElementById("elementId").style.display="none"

在JavaScript中用于隐藏元素。但是在jQuery中,

$("#elementId").hide();

用于相同的目的。哪种方式更有效?我看到了两个jQuery函数.hide().css("display","none") here之间的比较。

但我的问题是纯JavaScript是否比jQuery更有效?

4 个答案:

答案 0 :(得分:102)

谈论效率:

document.getElementById( 'elemtId' ).style.display = 'none';

jQuery对其.show().hide()方法的作用是,它会记住元素的最后状态。这有时可以派上用场,但是因为你问的效率在这里并不重要。

答案 1 :(得分:25)

在99.999999%的情况下,效率对于这样的事情并不重要。做任何更容易阅读和维护的事情。

在我的应用程序中,我通常依靠类来提供隐藏和显示,例如.addClass('isHidden')/.removeClass('isHidden'),如果我愿意,可以让我使用CSS3制作动画。它提供了更大的灵活性。

答案 2 :(得分:24)

a = 2;

VS

a(2);
function a(nb) {
    lot;
    of = cross;
    browser();
    return handling(nb);
}

您的意见中,您认为最快的是什么?

答案 3 :(得分:6)

是的。

Vanilla JS总是更有效率。