wrap(),wrapAll(),wrapInner()三者的区别

wrap(),wrapAll(),wrapInner()三者的区别

wrap(),wrapAll()这两者都是将选中标签从外部包围，而wrapInner()则是包围选中标签的内部所有，详细例子如下：

wrap()是单独包围，代码以及结果如下：

<div id="demo">
			<p>111</p>
			<p>222</p>
			<p>333</p>
			<p>444</p>
			<p>555</p>
		</div>
		
		<script type="text/javascript">
			$("#demo p").wrap('<div class="demo1">')
		</script>

wrapAll()是将选中的所有标签包围在一起，例子如下：

<div id="demo">
			<span>这是span标签</span>
			<p>这是p标签</p>
			<span>这是span标签</span>
			<span>这是span标签</span>
			<span>这是span标签</span>
			<p>这是p标签</p>
			<p>这是p标签</p>
			<span>这是span标签</span>
			<span>这是span标签</span>
		</div>
		
		<script type="text/javascript">
			$("#demo p").wrapAll('<div class="demo1">')
			
		</script>

wrapInner()是包围选中标签内的所有内容，例子如下：

<div id="demo">
			<span>这是span标签</span>
			<h1>这是h1标签</h1>
			<div>这是div标签</div>
			<p>这是p标签</p>
			<i>这是i标签</i>
			<small>这是small标签</small>
		</div>
		
		<script type="text/javascript">
			$("#demo").wrapInner('<div class="demo1">')
		</script>