jquery sets body font

In web design, the selection and setting of fonts is a very important part, which directly affects the user's reading experience. When we need to modify the font of the entire page, we can use jQuery to set the font of the body.

First, we need to introduce the jQuery library into the HTML file:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

Then, we can use the following code in the JavaScript file to set the font of the body:

$(document).ready(function() {
  $("body").css("font-family", "Arial, sans-serif");
});

Above In the code, we use jQuery's $(document).ready() method, which ensures that the code in the document is not executed until the document is loaded. Then, we selected the body element of the entire page and used the css() method to set the font. In the css() method, the first parameter is the CSS property to be set, and the second parameter is the value of the property. Here, we set the font to Arial and sans-serif.

In addition to fonts, we can also use the css() method to set other CSS properties, such as color, size, line height, etc. For example, the following code can set the font color of the entire page to red:

$("body").css("color", "red");

It should be noted that by setting the style of the body, we can modify the font of the entire page, but this may also affect other elements style. Therefore, when modifying the style, we need to carefully consider its impact. A good practice is to set classes or IDs for different page elements and set styles for these classes or IDs in CSS files, so you can avoid style conflict problems.

In short, by using jQuery, we can easily modify the style of the entire page, which is a very practical tool when designing web pages.

The above is the detailed content of jquery sets body font. For more information, please follow other related articles on the PHP Chinese website!