jQuery append() method

jQuery HTML/CSS Methods

The append() method inserts the specified content at the end of each selected element (as the last child element).

To insert content at the beginning of the selected element, useprepend()Method.

Syntax:

Insert content:

$(selector).append(content)

Insert content using a function:

$(selector).append(function(index, html))

Example

Add some text content to all paragraphs:

$("button").click(function(){
　　$("p").append("Hello world");
});

Insert HTML into all paragraphs:

$("button").click(function(){
　　$("p").append("<b>Hello world</b>");/b>");
});

This example uses document.createTextNode() to create a text node and insert it into all <p> elements:

$("button").click(function(){
　　$("p").append(document.createTextNode("Hello world"));
});

Insert content using a function:

$("button").click(function(){
　　$("p").append(function(i){
　　　　　　　return "<b>The p element has index "　+　i　+　".</b>";
　　});
});

Parameter value

jQuery HTML/CSS Methods