jquery中在元素之前添加元素的before() 方法-js教程-PHP中文网

jquery中在元素之前添加元素的before() 方法

冷漠man

发布： 2025-11-06 19:58:02

原创

503人浏览过

before() 方法用于在被选元素前插入内容，作为兄弟节点出现；2. 可插入 HTML 字符串、DOM 元素、jQuery 对象等；3. 与 prepend()（内部插入）和 after()（后置插入）不同，before() 在外部前置内容。

jquery中在元素之前添加元素的before() 方法

在 jQuery 中，before() 方法用于在被选元素的前面插入内容。这个方法会在指定元素的外部位置插入新内容，也就是紧挨着该元素的前一个位置，但不会嵌套到元素内部。

$(selector).before(content)

参数说明：
- content：要插入的内容，可以是 HTML 字符串、DOM 元素、jQuery 对象，或者这些类型的数组。

假设有如下 HTML 结构：

<div id="box">我是原始元素</div>

我们想在这个 div 前面插入一段新内容：

$('#box').before('<p>这是插入在前面的内容</p>');

执行后，页面结构变为：

360 AI助手

360公司推出的AI聊天机器人聚合平台，集合了国内15家顶尖的AI大模型。

140

<p>这是插入在前面的内容</p> <div id="box">我是原始元素</div>

例如：

let span = $('<span>辅助信息</span>'); $('#box').before(span, '<hr>');

这会在 #box 前面依次插入一个 span 和一条水平线。

before() 是外部插入，在目标元素之前作为兄弟节点出现。
对比：

基本上就这些，before() 方法简单直接，适合动态添加前置提示、装饰元素或结构分割线等场景。

以上就是jquery中在元素之前添加元素的before() 方法的详细内容，更多请关注php中文网其它相关文章！

大家都在看：