jQuery DOM Insert Node Operation Guide_jquery

HTML code:

I want to say:

jQuery code:

$("p").append("Hello");

Result:

I want to say:Hello

Append all matching elements to the specified element

. In fact, using this method is to reverse the convention

is to append A to B.

HTML code:

I want to say:

jQuery code:

$("Hello").appendTo("p")

Result:

I want to say:Hello

I want to say:

HelloI want to say:

I want to say:

HelloI want to say:

I want to say:

$("p").after("Hello")

Result:

I want to say:

Insert all matching elements into the specified element

After the element, actually, use this method

Inverts the regular $(A).after(B) operation

HTML code:

I want to say:

jQuery code:

$("Hello").insertAfter("p")

Result:

I want to say:

HTML code:

I want to say:

jQuery code:

$("p").before("Hello")

Result:

Hello

I want to say:

Insert all matching elements into the index

The front of a certain element. Actually,

Using this method is to reverse the convention

’s $(A).before(B) operation.

HTML code:

I want to say:

jQuery code:

$("Hello").insertBefore("p")

Result:

Hello

I want to say: