How jquery adds elements inside an element

This article mainly introduces jquery how to add elements within the element of knowledge, the content is detailed and easy to understand, simple and fast operation, with a certain reference value, I believe that you read this jquery how to add elements within the element of the article will have a harvest, let's take a look.

Method: 1, with "$(specified element). Prepend (new element)" or "$(new element). PrependTo (specified element)", you can add elements at the beginning; 2, add elements at the end with "$(specified element). Append (new element)" or "$(new element). AppendTo (designated element)".

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

Add an element within the element, that is, add child elements to the specified element. There are four ways for jquery to add child elements:

The prepend () and prependTo () methods: add child elements to the beginning of the specified element

The append () and appendTo () methods: add child elements to the end of the specified element

1. Use the prepend () and prependTo () methods

Both the prepend () and prependTo () methods insert content into the "beginning" inside the selected element, but their operands are upside down.

$(A) .prepend (B) indicates that B is inserted into the beginning of A.

$(A) .prependTo (B) inserts An into the beginning of B inside.

$(document) .ready (function () {$("button") .click (function () {$("div") .ready ("

This is a new paragraph in the div block.

); $("this is a new element in the div block.") .prependTo ("div");});}); this is some text.

This is a paragraph in the div block.

Add elements to div

2. Use the append () and appendTo () methods

Both the append () and appendTo () methods insert content "at the end" inside the selected element, but their operands are upside down.

$(A) .append (B) inserts B into the end of A's interior.

$(A) .appendTo (B) means that An is inserted at the end of the inside of B.

$(document) .ready (function () {$("button") .click (function () {$("div") .ready ("

This is a new paragraph in the div block.

); $("this is a new element in the div block.") .appendto ("div");});}); this is some text.

This is a paragraph in the div block.

Add elements to div

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