- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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 −
<!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>
- Related Articles
- How I can change alert message text color using JavaScript?
- How can I change the text color of the Navigation Bar on iOS?
- How can I change the font family and font size with jQuery?
- How to change the background color using jQuery?
- How to change the 'text-decoration' property with jQuery?
- How do I select text nodes with jQuery?
- How do I display only the visible text with jQuery?
- How can I change the text of the Tkinter Listbox item?
- How can I alter the color of an HTML5 canvas element using jQuery?
- How to Change Link Underline Color using text-decoration-color CSS
- How to change text cursor color in Tkinter?
- How to change the color of selected text using CSS?
- How to change the text color of an element in HTML?
- How to change the font color of a text using JavaScript?
- How to change the text color of Menu item in Android?
Advertisements