jquery after方法 jQuery after() 方法

jquery after方法

jQuery after() 方法在被选元素之后插入内容。

该方法可以接受一个字符串，DOM 元素，文本节点，数组，或者 jQuery 对象作为参数。如果传入的是字符串，则会将其作为 HTML 插入到 DOM 中。如果传入的是 DOM 元素或文本节点，则会将它们添加到 DOM 中。如果传入的是数组或 jQuery 对象，则会遍历它们并将所有内容都添加到 DOM 中。

$("#div1").after("<p>Hello</p>"); // 插入 HTML 内容
$("#div1").after(document.createTextNode("Hello")); // 插入文本节点
$("#div1").after($("p")); // 插入 jQuery 对象

jQuery after() 方法

jQuery after() 方法

jQuery HTML/CSS 方法

实例

在每个 <p> 元素后插入内容：

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

---

定义和用法

after() 方法在被选元素后插入指定的内容。

提示：如需在被选元素前插入内容，请使用 before() 方法。

---

语法

$(selector).after(content,function(index))

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

---

更多实例

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

使用函数插入内容
如何使用函数在被选元素后插入内容。

---

jQuery HTML/CSS 方法