jquery before方法 jQuery before() 方法

jquery before方法

jQuery before() 方法在被选元素的前面插入内容。

before() 方法可以接受 HTML 字符串、DOM 元素、文本节点、数组，或者 jQuery 对象作为参数。如果传入多个参数，则会将它们依次插入到被选元素的前面。

$("p").before("Hello");  // 在所有 
 元素之前插入 Hello

before() 方法返回包含被选元素的 jQuery 对象，因此可以链式地调用其他 jQuery 方法。

$("img").before(function(){  // 使用函数来动态地添加内容 
    return "" + this.alt + "" ;   // 返回 alt 属性值作为文本内容 
}); 

jQuery before() 方法

jQuery before() 方法

jQuery HTML/CSS 方法

实例

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

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

---

定义和用法

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

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

---

语法

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

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

---

更多实例

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

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

---

jQuery HTML/CSS 方法