- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
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 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>
- Related Articles
- 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?
- How to Add an Image in Text Background using HTML and CSS?
- Set the background image of an element 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?
- Set a radial gradient as the background image with CSS
- Set a linear gradient as the background image with CSS
- CSS background-image property
- How to set background image of a webpage?
- How to create a blurry background image with CSS?
- How to change the background color using jQuery?

Advertisements