- 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 image in CSS using jQuery?
To set the background image using jQuery, use the jQuery css() method.
Example
Use the background-image property to add background image to the web page.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".bg").css("background-image", "url('/css/images/css.jpg')");
});
</script>
</head>
<body class="bg">
</body>
</html>
Updated on 11-Dec-2019 08:20:50
- Related Questions & Answers
- How to change the background image using jQuery?
- Setting Background Image using CSS
- Set the Background Image Position with CSS
- Set background image as fixed with CSS
- How to set background color in jQuery?
- CSS background-image property
- Set the background image of an element with CSS
- How to set background image of a webpage?
- Set a linear gradient as the background image with CSS
- Set a radial gradient as the background image with CSS
- Set all the background image properties in one section with CSS
- How to create an image with a transparent background text using CSS?
- How to create a blurry background image with CSS?
- Repeat the background image with CSS
- Specify the background image with CSS
Advertisements