JQuery插入DOM节点的方法

网络编程 2025-03-23 17:38www.168986.cn编程入门

在常规的HTML文档中,我们通常按照某种顺序来排列元素,例如段落(p)和强调标签(b)。有时候我们需要改变这种顺序,这时候就可以使用jQuery中的`.after()`, `.before()`, `sertAfter()`, `sertBefore()`等方法。

HTML代码示例:

```html

我想说

```

```javascript

$("p").after("你好");

```

结果:

```html

我想说

你好

```

HTML代码示例:

```html

我想说

```

```javascript

$("你好")sertBefore("p");

```

结果:

```html

你好

我想说

```

假设我们有以下HTML结构:

```html

  • 项目1
  • 项目2
  • 项目3

```

我们可以使用jQuery编写如下代码来移动其中的元素:

```javascript

$(function(){

var $one_li = $("ul li:eq(1)"); // 获取第二个

  • 元素节点

    var $two_li = $("ul li:eq(2)"); // 获取第三个

  • 元素节点节点

  • Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by