title: Is it possible to use JavaScript and JQuery at the same time?
body: <p>Question provoked as <strong>I wondered if I can just declare <code>$(document).ready()</code> at the top of <code>&lt;script&gt;</code> and write regular vanilla JS inside of it so that I don't have to declare <code>$(document).ready()</code> everytime I use JQuery.</strong></p>
  
  <p>I also tested if JQuery can be used with JS locally (inside of '{}'). But it seems like below code doesn't work. </p>
  
  <p>Can someone clarify on this please? Thank you.</p>
  
  <pre><code>&lt;style&gt;
  
  #demoDiv {
      width: 200px;
      height: 200px;
      border: 2px brown solid;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id='demoDiv'&gt;&lt;/div&gt;
  &lt;br&gt;
  &lt;button id='testButton' onclick='testFunc()'&gt;Test&lt;/button&gt;
  
  &lt;script&gt;
  
  $(document).ready(function() {
  
  function testFunc() {
      $('#demoDiv').style.display = 'none';
  }
  
  });
  
  
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>