Home/ Questions/Q 8405937
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T22:57:39+00:00

I’m trying out jQuery for the first time, and I’m not sure how to

  • 0

I’m trying out jQuery for the first time, and I’m not sure how to make it work properly. I’ve included the following code near my opening <head> tag:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>

Followed by the following jQuery code:

<script>
    $('.darkmask > img').hover(function(){
             $(this).parent().toggleClass('darkmask-hover');
    })​
</script>

Unfortunately, this code doesn’t work when I try it in a browser, or in JSFiddle. However, when I set JSFiddle’s framework to load jQuery itself, rather than loading jQuery through my own code, the animation works properly.

Am I loading jQuery wrong? If so, what’s the right way?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    PRoblem is, your code in JSFiddle is executed on the loading on the page. In your code instead, the execution happens when the HTML elements are not yet loaded because it’s in the HEAD, so the selectors like .darkmask actually refer to… nothing.

    The solution is to use:

    $(document).ready(
function()
{
 ... your code here
}

    To ensure that it is executed when the page is loaded and ready, all the HTML elements are there and therefore JQuery selectors can operate on something.

    • 0