title: JavaScript style.display="none" or jQuery .hide() is more efficient?
body: <pre><code>document.getElementById("elementId").style.display="none"
  </code></pre>
  
  <p>is used in JavaScript to hide an element. But in jQuery,</p>
  
  <pre><code>$("#elementId").hide();
  </code></pre>
  
  <p>is used for the same purpose. Which way is more efficient? I have seen a comparison between two jQuery function <code>.hide()</code> and <code>.css("display","none")</code> <a href="https://stackoverflow.com/q/4396983/1774964">here</a>.</p>
  
  <p>But my problem is whether pure JavaScript is more efficient than jQuery?</p>