Jquery to change HTML

text color [closed]

I just started trying to learn JQuery. I wanted to make a

change color on anchor click, but this code isn’t working and I can’t figure out why. I know this is very basic but it is the first step to me learning JQuery.

main.js :

jQuery(function ($) {
    $('#test').click(function () {
         $("p").css("color", "yellow");
    });
});

index.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
</head>
<body>

    <a id="test" href="#">
        <span>test</span>
    </a>


    <p>
        Hello
    </p>

    <script src="main.js"></script>
    
</body>
</html>

Answer

You should import jQuery library.

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

Ref: https://www.w3schools.com/jquery/jquery_get_started.asp

Leave a Reply

Your email address will not be published. Required fields are marked *