+ 1

Having trouble with jQuery

keeps telling me $ and ready are undefined and yes I kept the <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> $(document).ready(function() { $("h1").click(function() { $(this).css ("color", "#fff"); }) });

javascript java jquery code

12th Jul 2018, 6:41 PM

Hacker

14 Antworten

+ 3

Hello, Hacker ! But, I see everything works right for you. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function() { $("h1").click(function() { $(this).css("color", "red"); }); }); </script> <h1>Blue bird.</h1>

12th Jul 2018, 7:03 PM

Alexander Sokolov

+ 3

Hacker, Can you attach your code here?

12th Jul 2018, 7:07 PM

Alexander Sokolov

+ 2

Hacker, Please attach your jQuery library to the <head> Good luck!

12th Jul 2018, 7:20 PM

Alexander Sokolov

+ 1

do I need to write the <script> tag in my .js file as you did <script> $(document).ready(function() { $("h1").click(function() { $(this).css("color", "red"); }); }); </script>

12th Jul 2018, 7:06 PM

Hacker

+ 1

https://code.sololearn.com/WYhd09J438xu/?ref=app

12th Jul 2018, 7:13 PM

Hacker

That's a breakdown of the code

12th Jul 2018, 7:13 PM

Hacker

Alexander, Thank you

12th Jul 2018, 7:48 PM

Hacker

😣😣..it's still giving me the undefined on my laptop

12th Jul 2018, 8:06 PM

Hacker

already kept the script above

12th Jul 2018, 8:07 PM

Hacker

I dont think the "this" works....

13th Jul 2018, 2:07 AM

Paul Grasser

Oh... No it works.

13th Jul 2018, 2:08 AM

Paul Grasser

it works "this" represents the "h1" element I selected

13th Jul 2018, 7:21 AM

Hacker

EDIT: nevermind, I am wrong. $("h1") selects all h1 elements and puts them into an object. Even if you only have one h1, it still puts it in an object. To select the first h1, use $("h1").eq(0) .

13th Jul 2018, 10:01 AM

James