jquery之设置元素内容(包裹元素,使用wrap(),wrapAll(),wrapInner()方法)

jquery之设置元素内容(包裹元素,使用wrap(),wrapAll(),wrapInner()方法)

----------

另一种经常需要执行的DOM操作类型是，在某标记里包裹一个元素(或一系列元素)。例如，我们想把带有某个CSS类的所有链接包裹到<div>里面。可以用jquery的wrap()命令来完成这个DOM修改操作。
wrap()语法：
wrap(wrapper)
把匹配集各元素用已传递HTML标签或已传递元素的克隆副本分别包裹起来。
参数
wrapper (字符串|元素)用于包裹匹配集各元素的元素开始和结束标签；或者一个将被克隆且用作包裹器的元素
如例，为了把带有surprise类的各链接分别包裹在带有类hello的<div>里，我们编写：

$('a.surprise').wrap("<div class='hello'></div>");

如果想用页面上第一个<div>元素的克隆副本分别包裹各链接，如例：

$('a.surprise').wrap($('div:first')[0]);

===

如果多个元素被收集于匹配集，则wrap()方法分别操作其中的每个元素。如果宁可把集合里所有元素包裹起来作为一个单元，则可以改用wrapAll()方法。
wrapAll()语法：
wrapAll(wrapper)
用已传递元素的克隆副本或已传递HTML标签，把匹配集的元素作为一个单元包裹起来
参数
wrapper (字符串|元素)用于包裹匹配集所有元素的元素开始和结束标签，或一个将被克隆且用作包裹器的元素
===

有时不想包裹匹配集里的元素，而想包裹元素的内容。在这种情况下可以用wrapIner()函数。
wrapInner()语法：
wrapInner(wrapper)
用已传递元素的克隆副本或已传递HTML标签，把匹配集各元素的内容(包括文本节点)分别包裹起来。
参数
wrapper (字符串|元素)用于包裹匹配集各元素的元素开始和结束标签；或者一个将被克隆且用作包裹器的元素