JavaScript style.display = “none” ou jQuery .hide () est plus efficace?

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

est utilisé en JavaScript pour masquer un élément. Mais dans jQuery,

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

est utilisé dans le même but. Quelle voie est la plus efficace? J’ai vu une comparaison entre deux fonctions .hide() et .css("display","none") ici .

Mais mon problème est de savoir si le JavaScript pur est plus efficace que jQuery?

Parler d’efficacité:

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

Ce que jQuery fait avec ses .show() et .hide() , c’est qu’il se souvient du dernier état d’un élément. Cela peut parfois être utile, mais comme vous avez posé des questions sur l’efficacité, cela n’a pas d’importance.

L’efficacité ne compte pas pour quelque chose comme ceci dans 99,999999% des situations. Faites tout ce qui est plus facile à lire et à maintenir.

Dans mes applications, je me fie généralement aux classes pour fournir .addClass('isHidden')/.removeClass('isHidden') et des affichages, par exemple .addClass('isHidden')/.removeClass('isHidden') qui me permettrait d’animer des choses avec CSS3 si je le voulais. Il offre plus de flexibilité.

 a = 2; 

contre

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

Selon vous , qu’est-ce qui va être le plus rapide?

Oui.

Oui, ça l’est.

Vanilla JS est toujours plus efficace.