Shulou(Shulou.com)05/31 Report--

This article mainly introduces jquery how to add elements in body related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that everyone after reading this jquery how to add elements in body article will have a harvest, let's take a look at it.

The way to add elements: 1, with append (), syntax "$(" body "). Append (new element)", you can add elements to the end of the body; 2, with prepend (), the syntax "$(" body "). Prepend (new element)", you can add elements to the beginning of the body.

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

To add elements to the body is to add child elements to the body. The following article shows you two ways to add child elements to body using jquery.

Method 1: use append ()

Use the prepend () method to insert content (element or text) into the "beginning" inside the body element

Syntax:

$("body") .append (new element)

Example:

$(function () {$("button") .click (function () {var newp = ")

A new paragraph

"; $(" body ") .append (newp);}) (body element) add elements to body

Method 2: use prepend ()

Use the prepend () method to insert content into the "start" inside the selected element.

Syntax:

$("body") .prepend (new element)

Example:

$(function () {$("button") .click (function () {var newp = ")

A new paragraph

"; $(" body ") .prepend (newp);}) (body element) adds an element to the body

This is the end of the article on "how jquery adds elements to body". Thank you for reading! I believe you all have a certain understanding of "how to add elements to jquery in body". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.