Example of usage of append() method in jQuery_jquery

The example in this article describes the usage of the append() method in jQuery. Share it with everyone for your reference. The specific analysis is as follows:

This method inserts the specified content at the end of the matched element.
The position where the element is inserted is inside the matching element, and the position where the after() method element is inserted is outside the matching element.
The function of the append() method is the same as the appendTo() method, but the syntax is different, although the syntax form is the same.

Grammar structure:

Copy code The code is as follows:

$(selector).append(content)

Parameter list:

参数	描述
content	指定被插入的内容，content的可能的值: 1.HTML 代码 - 比如 (" ")。 2.已存在的元素 - 比如 ($(".div1"))。 3.function(index)函数 - 定义返回插入元素的函数，index参数接收选择器的索引位置。
selector	要被插入内容的匹配元素

Example:

Copy code The code is as follows:

Add content after:

Click to see the effect

The above code can add the specified text to the end of the inner part of the div.

I hope this article will be helpful to everyone’s jQuery programming.