---
title: "How to use append() method in jquery."  
description: "How to use append() method in jquery."  
author: "Anonymous User"  
published: 2016-01-19  
updated: 2016-01-19  
canonical: https://www.mindstick.com/forum/33895/how-to-use-append-method-in-jquery  
category: "jquery"  
tags: ["jquery", "javascript"]  
reading_time: 1 minute  

---

# How to use append() method in jquery.

I want to use append() [method in jquery](https://www.mindstick.com/forum/156655/trim-method-in-jquery). how to do this please help me.

## Replies

### Reply by Anonymous User

when we want to add dynamically data to existing elements in html using jquery. we can use append() [method](https://www.mindstick.com/forum/166/webservice-method) in jqery.

```
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script src="Scripts/jquery-2.1.4.js"></script></head><body><a href="javascript:void(0);" onclick="AppendList();">Append List</a>   <ul id="ullist"></ul><script type="text/javascript">    function AppendList() {        var item1 = $("<li></li>").text("Item 1");        var item2 = "<li>Item 2</li>";        var item3 = document.createElement("li");        item3.innerHTML = "Item 3";        $("#ullist").append(item1, item2, item3);    }</script></body></html>
```

![How to use append() method in jquery.](https://www.mindstick.com/mindstickforums/cb424af4-36f1-49ba-a821-6c51cd264e26/images/96516a14-23d5-42e4-9904-06393265798d.png)


---

Original Source: https://www.mindstick.com/forum/33895/how-to-use-append-method-in-jquery

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
