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

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

JavaScript中用来隐藏一个元素。 但在jQuery中,

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

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

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

4 Solutions collect form web for “JavaScript style.display =“none”或jQuery .hide()更有效率?”

谈效率:

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

jQuery使用.show().show()方法的function是记住元素的最后一个状态 。 这有时可以派上用场,但是因为你问到效率,这里不重要。

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

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

 a = 2; 

VS

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

看来,你认为最快的是什么?

是。

是的。

香草JS总是更有效率。

  • 定位第一级<li> s而不是嵌套的<li> s
  • JavaScript比较string,而不区分大小写
  • jQuery查找与上下文select
  • jquery事件执行后如何保持页面滚动位置?
  • JS事件:在文本input上挂钩值更改事件
  • 在jQuery中设置textarea的值
  • 在jQuery AJAX GET调用中传递请求标头
  • 如何使用angular度检测浏览器后退button单击事件?
  • 何时selectmouseover()和hover()函数
  • jQuery AJAX跨域
  • 防止表单上的默认提交jQuery