runoops.com

jQuery append() 方法

jQuery HTML / CSS 方法

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

$(document).ready(function(){
    $("#btn1").click(function(){
        $("p").append(" 插入文本.");
    });
    $("#btn2").click(function(){
        $("ol").append("
  • 插入项
  • "); }); });

    定义和用法

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