jQuery append()方法

jQuery的append()方法用于将指定内容作为最后一个子元素（放在末尾）插入到jQuery集合中的选定元素中。

append()和appendTo()方法用于执行相同的任务，它们之间唯一的区别在于语法。

语法 :

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

jQuery append()方法的参数

参数	描述
Content	这是一个必需的参数。它指定要插入的内容。可能的值有：HTML元素、jQuery对象、DOM元素
Function (index,html)	这是一个可选的参数。它指定返回要插入的内容的函数。

Index: 它返回元素在集合中的索引位置。
HTML: 它返回所选元素的当前HTML。

jQuery append()方法示例

让我们举一个例子来演示jQuery append()方法。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
 $(document).ready(function(){$ ("#btn1").click(function(){
         $("p").append(" <b>Newly added appended text</b>."); });$ ("#btn2").click(function(){
        $("ol").append("<li><b>Newly added appended item</b></li>");
    });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
  <li>Item no.1</li>
  <li>Item no.2</li>
  <li>Item no.3</li>
</ol>
<button id="btn1">Append text</button>
<button id="btn2">Append item</button>
</body>
</html>