append()

jQuery append() 方法

jQuery HTML/CSS 方法

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

示例

$(document).ready(function(){
    $("#btn1").click(function(){
        $("p").append(" <b>插入文本</b>.");
    });
    $("#btn2").click(function(){
        $("ol").append("<li>插入项</li>");
    });
});尝试一下一键复制

定义和用法

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 方法