web-dev-qa-db-ja.com

JavaScript style.display = "none"またはjQuery .hide（）の方が効率的ですか？

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

javaScriptで要素を非表示にするために使用されます。しかし、jQueryでは、

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

同じ目的で使用されます。どちらの方法がより効率的ですか？ 2つのjQuery関数.hide()と.css("display","none")の比較を見ました here 。

しかし、私の問題は、純粋なJavaScriptがjQueryよりも効率的かどうかです。

javascriptjquerycssperformance
55
Maninda

効率について話す：

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

JQueryが.show()メソッドと.hide()メソッドで行うことは、要素の最終状態を記憶することです。これは時には役立つ場合がありますが、効率について尋ねたので、ここでは重要ではありません。

102
jAndy

99.999999％の状況では、このようなものにとって効率は重要ではありません。読みやすく、保守しやすいものを実行してください。

私のアプリでは、通常、クラスに依存して非表示と表示を提供します。たとえば、.addClass('isHidden')/.removeClass('isHidden')を使用すると、CSS3で必要に応じてアニメーション化できます。より柔軟になります。

25
Jamund Ferguson
a = 2;

対

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

your意見では、最速になると思いますか？

24
Florian Margaine

はい。

はい、そうです。

Vanilla JS は常により効率的です。

6
Neal