jQuery prepend()方法|在被选元素的开头插入指定内容

jQuery HTML/CSS 方法


定义与用法

prepend() 方法在被选元素的开头插入指定内容。

提示:如需在被选元素的结尾插入内容,请使用 append() 方法。


语法格式

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


示例代码

在所有 <p> 元素开头插入内容:

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

亲自试试


参数说明

参数 描述
content 必需。规定要插入的内容(可包含 HTML 标签)。

 

可能的值:

  • HTML 元素
  • jQuery 对象
  • DOM 元素
function(index,html) 可选。规定返回待插入内容的函数。

 

  • index – 返回集合中元素的 index 位置。
  • html – 返回被选元素的当前 HTML。

更多示例

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

使用函数预加内容
使用函数在被选元素的开头插入内容。


jQuery HTML/CSS 方法


相关