- 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 to change the background color using jQuery?
To change the background color using jQuery, use the jQuery css() property. We will change background color on mouse hover with the jQuery on() and css() method.
Example
You can try to run the following code to learn how to change background color using 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(){
$("body").on({
mouseenter: function(){
$(this).css("background-color", "gray");
},
mouseleave: function(){
$(this).css("background-color", "red");
},
dblclick: function(){
$(this).css("background-color", "yellow");
}
});
});
</script>
</head>
<body>
<p>Double click and move the mouse pointer to change the background color.</p>
</body>
</html>
- Related Articles
- How to animate a change in background color using jQuery on mouseover?
- How to change the background image using jQuery?
- How to change a button background color using Swift?
- How to set background color in jQuery?
- How to change background color of canvas-type text using Fabric.js?
- How to change background color of a canvas circle using Fabric.js ?
- How to change the background color of ListView items on Android using Kotlin?
- How to change JFrame background color in Java
- How to change axes background color in Matplotlib?
- How to change selection background color of a canvas circle using Fabric.js?
- How to change the background color of the font in PowerShell?
- How to change the background color of ListView items on Android?
- How to change the Background Color of Text in C# Console
- How to change the background color of a Treeview in Tkinter?
- How to change the background color of base R plot region?
Advertisements