Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "jquery how to add sub-elements", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "jquery how to add sub-elements" article.

The method of adding child elements: 1, use "$(parent element). Append (child element)" statement; 2, use "$(parent element). Prepend (child element)" statement; 3, use "$(child element). AppendTo (parent element)" statement; 4, use "$(child element). PrependTo (parent element)" statement.

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

Jquery add child element

1. Append method

Insert parameter content at the end of each matching element

Parameter type description:

1) ordinary string (can contain all kinds of html tags)

$('body') .append (' html string')

2) jQuery object

New element (jQuery object) created by ① using the $function

② uses the $function to get the elements already in the page (jQuery object)

At this point, the existing element is moved into the target element, that is, it is cut.

$(function () {$getParagraph=$ ("p"); / / after running, the p paragraph becomes a child element of div $("# oo") .append ($getParagraph);})

Paragraph

Div

③ uses the clone method to clone an existing element in the page (jQuery object)

$getParagraph=$ ("p"). Clone (); / / this prevents p paragraphs from becoming child elements of p

3) html element object, html element object array

Multiple parameters of the above types can be passed in, and each parameter will be inserted into the matching element! =

4) function

The function will be executed as many times as there are matching elements

The function accepts two arguments: the first is the sequence number of the current element, and the second is the html within the current element.

The this inside the function represents the current html element object

The data of return is the inserted content (it can be a html element or a jQuery object)

2. Prepend method

Insert the content of the parameter into the front of each matching element

$(A) .prepend (B)

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

3. AppendTo method

Insert the matching element at the end of the inside of the target element (same as append)

$(A) .appendto (B)

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

4. PrependTo method

Insert the matching element at the front of the inside of the target element (same as prepend)

$(A) .prependTo (B)

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

The above is about the content of this article on "how to add sub-elements in jquery". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please 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.