How can I change the text color with jQuery?


To change the text color with jQuery, use the jQuery css() method. The color css property is used to change text color.

Example

You can try to run the following code to learn how to change text color with jQuery −

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").on({
        mouseenter: function(){
            $(this).css("color", "red");
        }
    });    
});
</script>
</head>
<body>
<p>Move the mouse pointer on the text to change the text color.</p>
</body>
</html>

Updated on: 17-Feb-2020

10K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements