title: How to use custom jquery codes in angular 6 project?
body: <p>This is a <code>jquery</code> code in my <code>HTML template</code>. I am using a <code>HTML template</code> and <code>sliced</code> it to different <code>components</code> and created an <code>angular project</code>.</p>
  
  <pre><code>   //  class add mouse hover
     jQuery('.custom-nav &gt; li').hover(function(){
        jQuery(this).addClass('nav-hover');
     }, function(){
        jQuery(this).removeClass('nav-hover');
     });
  </code></pre>
  
  <blockquote>
    <p>This code is not working.</p>
  </blockquote>
  
  <p>The file is saved in a folder named <code>assets</code> inside <code>node_modules</code> as <code>scripts_custom.js</code>. The file is included in <code>angular.json</code>.</p>
  
  <p>I am new to <code>angular6</code>. Please do help me to correct it.</p>