1.各个方法详解
(1)wrap()
将某个节点用其他标记包裹起来,在文档中插入额外的结构化标记,而且不会破坏原始文档的语义。
(2)wrapAll()
将所有匹配的元素用同一个元素包裹,不同于wrap()方法的是,wrapAll是对所有的元素一同包装,wrap是单独包装。
(3)wrapInner()
该方法将每一个匹配的元素的子内容(包括文本节点)用其他结构化的标记包裹起来。
2.实例
<html>
<head>
<title>jQuery中的DOM操作.包裹节点</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function(){
//$("ul li").wrap("<strong></strong>");
//$("ul li").wrapAll("<strong></strong>");
$("ul li").wrapInner("<strong></strong>");
});
</script>
</head>
<body>
<p title="Choose your favorite fruit.">What's your favorite fruit?</p>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Pineapple</li>
</ul>
</body>
</html>