14-jquery元素节点操作

最新推荐文章于 2024-08-29 03:50:53 发布

转载最新推荐文章于 2024-08-29 03:50:53 发布 · 129 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/zifeng001/p/10828627.html

收录于

当前文章被以下社区和专栏收录：

本文深入讲解了使用jQuery进行节点操作的方法，包括创建、插入、删除和克隆节点等关键操作，为网页动态更新提供了实用指南。


**创建节点**

```
var Div = $('<div>');
var Div2 = $('<div>这是一个div元素</div>');
```

**插入节点**
1、append()和appendTo()：在现存元素的内部，从后面插入元素

```
var Span = $('<span>这是一个span元素</span>');
$('#Div1').append(Span);
......
<div id="div1"></div>
```

2、prepend()和prependTo()：在现存元素的内部，从前面插入元素

3、after()和insertAfter()：在现存元素的外部，从后面插入元素

4、before()和insertBefore()：在现存元素的外部，从前面插入元素

**删除节点**

```
$(element).remove() 删除当前元素
$(element).empty()清空
```

**克隆节点**

```
$(element).clone(true)
```