- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- 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 set background color in jQuery?
To set the background color using jQuery, use the jQuery css() property. We will set background color on mouse hover with the jQuery on() method.
Example
You can try to run the following color to set background color in 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");
},
});
});
</script>
</head>
<body>
<p>Move the mouse pointer on the page to change the background color.</p>
</body>
</html>
Published on 20-Dec-2017 10:45:54
- Related Questions & Answers
- How to set background color in HTML?
- How to change the background color using jQuery?
- How to set background image in CSS using jQuery?
- How to set default background color for JTextPane in Java?
- How to animate a change in background color using jQuery on mouseover?
- How to set background color of a View in iOS App?
- How can we set a background color to JSplitPane in Java?
- How to set background color of a view in Android App
- How to set the background color of a ttk.Combobox in tkinter?
- How can we set the background color to a JPanel in Java?
- How to set background color of an android activity to yellow Programatically?
- How to set a particular color as background to a JavaFX chart?
- How to set the background color of selection of Ellipse using FabricJS?
- How to set the background color of a column in a matplotlib table?
- Set the background color of an element with CSS
Advertisements