jQuery中wrap()的用法-匹配对象包含在给出的元素代码内

发布时间:2019-09-20编辑:脚本学堂
本文介绍下,jquery中wrap()的用法,可以将匹配的对象包含在给出的元素代码内。有需要的朋友,参考下吧。

1,wrap(htm) 可以将匹配对象包含在给出的html代码内
例如:
 

<p>Test Paragraph.</p> <a href="#" onClick="jq()">jquery</a>

代码:
 

复制代码 代码示例:

function jq(){
      $("p").wrap("<div class='wrap'></div>");
}

//执行后
<div class='wrap'><p>Test Paragraph.</p></div>

2,wrap(elem) 可以将匹配对象包含在给出的对象内
例如:
 

<p>Test Paragraph.</p><div id="content"></div>
<a href="#" onClick="jq()">jQuery</a>

代码:
 

复制代码 代码示例:

function jq(){
      $("p").wrap( document.getElementById('content') );
}

//执行后
<div id="content"><p>Test Paragraph.</p></div>