jQuery: Set the background color of a page

Last update on July 23 2025 12:33:38 (UTC/GMT +8 hours)

jQuery core : Exercise-2 with Solution

Set the background color of a page to red.

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>Set the background color of a page to red</title>
</head>
<body>
  <p>Set the background color of the page to red</p>
</body>
</html>

JavaScript Code:

$(document.body).css( "background", "red" );

Go to:

jQuery Core Exercises Home ↩
jQuery Exercises Home ↩

PREV : Find all h1 elements that are children of a div element and apply a background to them.
NEXT : Hide all the input elements within a form.

Live Demo:

See the Pen jquery-core-exercise-2 by w3resource (@w3resource) on CodePen.

Contribute your code and comments through Disqus.