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

Most people do not understand the knowledge points of this article "how to add child nodes in front of jquery", 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 "how to add child nodes in front of jquery" article.

The method of adding a child node before: 1, using prepend (), you can insert a child node at the beginning of the selected element, the syntax "$(element). Prepend (child node)"; 2, using rependTo (), you can insert the child node into the beginning of the specified element, the syntax "$(child node). PrependTo (element)".

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

There are two ways for jquery to add child nodes in the front:

Prepend ()

PrependTo ()

JQuery prepend () method

In jQuery, we can use the prepend () method to insert content into the "start" inside the selected element.

Syntax:

$(A) .prepend (B)

Indicates the insertion of B into the beginning of A.

Example:

$(function () {$("# btn") .click (function () {var $li = "banana"; $("ul") .prepend ($li) }) Apple, pear, orange

JQuery prependTo () method

In jQuery, the functions of the prependTo () and prepend () methods are similar, inserting content into the "beginning" inside the selected element, but their operands are reversed.

Syntax:

$(A) .prependTo (B)

Indicates that An is inserted at the beginning of the inside of B.

Example:

$(function () {$("# btn") .click (function () {var $li = "durian"; $($li) .prependTo ("ul") }) banana, apple, pear, orange

Description:

The functions of prepend () and prependTo () are similar, but the operation is the opposite, and many novices are easy to get confused. However, if we think carefully about the English meaning of "to", it is easy to distinguish it. Prepend () means to insert content into the element, while prependTo () means to insert content into the "(to)" element.

The above is about the content of this article on "how to add child nodes in front of jquery". I believe we all have some 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.