jQueryappend方法width jQuery append() 方法

jQueryappend方法width

jQuery append() 方法用于在被选元素的结尾插入内容。该方法在被选元素的结尾（仍位于内部）插入指定内容。

$("p").append("Some appended text.");

append() 方法可以使用一个字符串、DOM 元素、文本节点、数组、HTML 字符串或者 jQuery 对象作为参数。如果使用一个字符串作为参数，则会将该字符串作为文本节点添加到被选元素中。

$("p").append("Some appended text.");

如果使用 DOM 元素、文本节点或者 jQuery 对象作为参数，则会将该对象添加到被选元素中。如果使用一个 HTML 字符串作为参数，则会将该字符串作 HTML 代码来处理并添加到 DOM 中。

$("ul").append($("li"));

如果使用一个数组作为参数，则会遍历该数组并将所有的项都依次添加到 DOM 中。此外，还可以使用多参数来向 DOM 中添加多项内容。

jQuery append() 方法

jQuery append() 方法

jQuery HTML/CSS 方法

实例

在所有 <p> 元素结尾插入内容：

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

---

定义和用法

append() 方法在被选元素的结尾插入指定内容。

提示：如需在被选元素的开头插入内容，请使用 prepend() 方法。

---

语法

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

参数	描述
content	必需。规定要插入的内容（可包含 HTML 标签）。 可能的值： HTML 元素 jQuery 对象 DOM 元素
function(index,html)	可选。规定返回待插入内容的函数。 index - 返回集合中元素的 index 位置。 html - 返回被选元素的当前 HTML。

---

更多实例

append() - 通过 HTML、jQuery 和 DOM 创建内容
通过 append() 方法插入内容。

使用函数追加内容
使用函数在被选元素的结尾插入内容。

---

jQuery HTML/CSS 方法