详解/jquery操作DOM

jquery提供一些方法对DOM进行各种操作，从而通过DOM实现对页面中各种元素的操作。

创建元素

动态创建HTML页面内容，使HTML页面根据用户的操作在浏览器中呈现不同的显示效果，从而达到人机交互的目的。
当需要在页面中添加新内容时，就需要在DOM操作中进行创建元素的操作。
方法$()来实现创建元素，具体代码如下：
$(html)
动态创建HTML元素后，还需要将新创建的元素插入HTML文档中才会在页面中看出效果。
jQuery中提供了append()方法用来在元素结尾插入新创建的节点。该方法的语法结构如下所示：
$(selector).append(jQueryObject)
其中，参数jQueryObject表示新创建的节点。

复制元素

jQuery中的clone()方法可以生成被选元素的副本，包含子节点、文本和属性，实现复制元素的功能。
该方法的基本语法格式如下：
$(selector).clone(includeEvents)
其中，参数includeEvents是可选的，其值为布尔值，规定是否复制元素的所有事件处理。如果不设置该参数，默认地，副本中不包含事件处理器。

替换元素

如果要替换页面中的某个节点元素，可以使用jQuery中的replaceWith()和replaceAll()方法。replaceWith()方法和replaceAll()方法都是用指定的HTML内容或元素替换被选元素。
replaceWith()方法的基本语法格式如下：
$(selector).replaceWith(content)
其中，参数selector为必选项，表示要替换的元素。参数content也是必选项，表示替换被选元素的内容。

包裹元素

如果要将页面中的某个元素节点用其他元素包裹起来，jQuery中提供了相应的wrap()方法实现该功能。wrap()方法将把每个被选元素放置在指定的HTML内容或元素中，
该方法的基本语法格式如下：
$(selector).wrap(wrapper)
其中，参数wrapper表示包裹被选元素的内容，其可能的值包括HTML代码、新元素、已存在的元素。

删除元素

jQuery中提供了3种删除节点的方法，分别是remove()、detach()和empty()方法。
其中，remove()方法将移除被选元素，包括所有文本和子节点，该方法的基本语法格式如下：
$(selector).remove()
detach()的作用与remove()方法一样，也是将移除被选元素，包括所有文本和子节点，该方法的基本语法格式如下：
$(selector).detach()
empty()方法只是从被选元素移除所有内容，包括所有文本和子节点，但是并不将被选元素从DOM中删除。该方法的基本语法格式如下：
$(selector).empty()