JavaScript style.display = "none" или jQuery.hide() более эффективен?

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

используется в JavaScript для скрытия элемента. Но в jQuery

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

используется для этой же цели. Какой способ более эффективен? Я видел сравнение двух функций jQuery .hide() и .css("display","none") здесь.

Но моя проблема заключается в том, является ли чистый JavaScript более эффективным, чем jQuery?

Ответ 1

Говоря об эффективности:

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

Что делает jQuery с его методами .show() и .hide(), так это то, что он запоминает последнее состояние элемента. Иногда это может пригодиться, но поскольку вы спрашивали об эффективности, которая здесь не имеет значения.

Ответ 2

Эффективность не будет иметь значения для чего-то подобного в 99.999999% ситуаций. Делайте все, что легче читать и поддерживать.

В моих приложениях я обычно полагаюсь на классы, чтобы обеспечить скрытие и отображение, например .addClass('isHidden')/.removeClass('isHidden'), что позволило бы мне оживить вещи с помощью CSS3, если бы захотелось. Это обеспечивает большую гибкость.

Ответ 3

a = 2;

против

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

В вашем мнении, что, по вашему мнению, будет самым быстрым?

Ответ 4

Да.

Да, это так.

Vanilla JS всегда более эффективен.