jquery 给html指定标签增加元素

jquery 给html指定标签增加元素
wrap
html (string) : html标记代码字符串，用于动态生成元素并包裹目标元素
示例
把所有的段落用一个新创建的div包裹起来
html 代码:
<p>test paragraph.</p>
jquery 代码:
$("p").wrap("<div class='wrap'></div>");
结果:
<div class="wrap"><p>test paragraph.</p></div>
返回值
jquery
参数
elem (element) : 用于包装目标元素的dom元素
示例
用id是"content"的div将每一个段落包裹起来
html 代码:
<p>test paragraph.</p><div id="content"></div>
jquery 代码:
$("p").wrap(document.getelementbyid('content'));
结果:
<div id="content"><p>test paragraph.</p></div><div id="content"></div>
参数
html (string) : tml标记代码字符串，用于动态生成元素并包装目标元素
示例
用一个生成的div将所有段落包裹起来
html 代码:
<p>hello</p><p>cruel</p><p>world</p>
jquery 代码:
$("p").wrapall("<div></div>");
结果:
<div><p>hello</p><p>cruel</p><p>world</p></div>
wrapinner
参数
html (string) : html标记代码字符串，用于动态生成元素并包装目标元素
示例
把所有段落内的每个子内容加粗
html 代码:
<p>hello</p><p>cruel</p><p>world</p>
jquery 代码:
$("p").wrapinner("<b></b>");
结果:
<p><b>hello</b></p><p><b>cruel</b></p><p><b>world</b></p>

content (string, element, jquery) : 用于将匹配元素替换掉的内容
示例
把所有的段落标记替换成加粗的标记。
html 代码:
<p>hello</p><p>cruel</p><p>world</p>
jquery 代码:
$("p").replacewith("<b>paragraph. </b>");
结果:
<b>paragraph. </b><b>paragraph. </b><b>paragraph. </b>