jQuery | append() 方法

介绍

append() 方法是 jQuery 中一种常用的 DOM 操作方法，用于将元素添加到选择的元素的末尾。

语法

element.append(content)

• element: 必需，表示要添加内容的元素。
• content: 必需，表示要添加的内容。

使用示例

HTML 结构

<div id="container">
  <p>这是一段文本</p>
</div>

JavaScript

$("#container").append("<p>这是新添加的内容</p>");

上述示例中，我们通过 append() 方法将一个新的 <p> 元素添加到 id 为 container 的 <div> 元素的末尾。

返回值

append() 方法没有返回值。

注意事项

• append() 方法在目标元素的末尾添加内容，如果需要在目标元素的开头添加内容，可以使用 prepend() 方法。
• 如果 content 参数是一个 jQuery 对象、DOM 元素或者一个字符串，则会被直接添加到目标元素的末尾。
• 如果 content 参数是一个函数，则函数的返回值会被添加到目标元素的末尾。

总结

append() 方法是 jQuery 提供的用于在目标元素末尾添加内容的方法。它非常便捷且易于使用，可以实现动态添加元素的功能。在实际开发中，如果需要向网页中动态添加内容，append() 方法是一个非常好的选择。