系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.包裹节点

最新推荐文章于 2020-11-28 14:37:10 发布

iteye_11495

最新推荐文章于 2020-11-28 14:37:10 发布

阅读量152

点赞数

文章标签： javascript ViewUI

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>

iteye_11495

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.包裹节点

1.各个方法详解（1）wrap()将某个节点用其他标记包裹起来，在文档中插入额外的结构化标记，而且不会破坏原始文档的语义。（2）wrapAll()将所有匹配的元素用同一个元素包裹，不同于wrap()方法的是，wrapAll是对所有的元素一同包装，wrap是单独包装。（3）wrapInner()该方法将每一个匹配的元素的子内容（包括文本节点）用其他结构化的标记包裹起来。2...
复制链接

扫一扫