title: What is the difference between using CSS or Jquery in this case
body: <p>I am creating a menu bar at the moment which uses 2 images designed in Photoshop , one image is normal and one image is on hover effect.</p>
  
  <p>I have seen that I can use both css and JQuery to create the hover effect, I find CSS much easier to use for example :</p>
  
  <pre><code>image {
  background-image:url ..
  }
  
  image:hover {
  background-image:url ...}
  </code></pre>
  
  <p>on hover just change the image whereas the jquery code is a little bit longer I believe</p>
  
  <p>If anyone of you could tell me the different between using CSS and JQuery in this case and what would be the JQuery code of doing the same thing that I have done above using CSS .</p>
  
  <p>Thanks in advance</p>