JQ中操作DOM的一些方法小结

(1) 要在HTML中创建新元素，使用$()函数。

(2) 要在每个匹配的元素中插入新元素，使用：
 .append()   方法在被选元素的结尾（仍然在内部）插入指定内容。
 .appendTo()  方法在被选元素的结尾（仍然在内部）插入指定内容。

提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容和选择器的位置，以及 append() 能够使用函数来附加内容。

 .prepend()   方法在被选元素的开头（仍位于内部）插入指定内容。
 .prependTo()  方法在被选元素的开头（仍位于内部）插入指定内容。

提示：prepend() 和 prependTo() 方法作用相同。差异在于语法：内容和选择器的位置，以及 prependTo() 无法使用函数来插入内容。

(3) 要在每个匹配的元素相邻的位置上插入新元素，使用：
 .after()   方法在被选元素后插入指定的内容。
 .insertAfter()   方法在被选元素之后插入 HTML 标记或已有的元素。
 .before() 方法在被选元素前插入指定的内容。
 .insertBefore()  方法在您指定的已有子节点之前插入新的子节点。

(4) 要在每个匹配的元素外部插入新元素，使用：
 .wrap()  方法把每个被选元素放置在指定的 HTML 内容或元素中。
 .wrapAll() 在指定的 HTML 内容或元素中放置所有被选的元素。
 .wrapInner()  方法使用指定的 HTML 内容或元素，来包裹每个被选元素中的所有内容 (inner HTML)。

(5) 要用新元素或文本替换每个匹配的元素，使用：
 .html()  方法返回或设置被选元素的内容 (inner HTML)。

如果该方法未设置参数，则返回被选元素的当前内容。

 .text()  方法方法设置或返回被选元素的文本内容。当该方法用于设置值时，它会覆盖被选元素的所有内容。
 .replaceAll()   方法用指定的 HTML 内容或元素替换被选元素。
 .replaceWith()   方法用指定的 HTML 内容或元素替换被选元素。

提示：replaceWith() 与 replaceAll() 作用相同。差异在于语法：内容和选择器的位置，以及 replaceAll() 无法使用函数进行替换。

(6) 要移除每个匹配的元素中的元素，使用：
 .empty()  方法从被选元素移除所有内容，包括所有文本和子节点。

(7) 要从文档中移除每个匹配的元素及其后代元素，但不实际删除它们，使用：
 .remove()  方法移除被选元素，包括所有文本和子节点。

该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。

 .detach()   方法移除被选元素，包括所有文本和子节点。

这个方法会保留 jQuery 对象中的匹配的元素，因而可以在将来再使用这些匹配的元素。

detach() 会保留所有绑定的事件、附加的数据，这一点与 remove() 不同。