jQuery - HTML DOM 操作（三）

jQuery 中提供了一系列的 HTML DOM 操作的方法，比起原生 JavaScript 的 DOM 操作，显得更加地简便。

本文目录：

1. 添加元素或内容；
2. 删除元素或内容。

添加元素或内容

jQuery 中提供了一系列的方法来添加元素或内容，这里主要介绍以下四种：

• prepend()： 在所选元素的开头插入元素或内容（标签内）；
• append()： 在所选元素的结尾插入元素或内容（标签内）；
• before()： 在所选元素之前插入元素或内容（标签外）；
• after()： 在所选元素之后插入元素或内容（标签外）。

代码：

    
    
    


这是一个段落
在标签开头插入内容
在标签结尾插入内容
这是一个段落
在标签之前插入内容
在标签之后插入内容

效果演示：

添加元素或内容.gif

删除元素或内容

jQuery 中提供了一系列的方法来删除元素或内容，这里介绍下面两种方法：

• remove()： 删除所选元素及其子元素（包括内容和事件）；
• empty()： 删除所选元素本身及其子元素的内容和事件。

代码：

    
    
    
    


divdividiv
    
段落1

    
段落2

    
段落3

删除 div 元素
清空 div 元素

效果演示：

删除元素或内容.gif