20.包裹

wrap()   a.wrap(html)  用html单独包裹每一个a
wrapAll()  a.wrapAll(html)  用html包裹所有的a
wrapInner()  a.wrapInner(html)  用html包裹a下面的所有子元素
unwrap() 删除父元素

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>10_包裹节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="./js/jquery-1.8.3.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			//1.用a标签包裹每一个strong
			var $a=$("<a href='#'></a>");
			//$("strong").wrap($a);
			//2.用a标签包裹所有的strong 
			//	$("strong").wrapAll($a);
			//3.用a标签包裹每一个strong的子节点
			//	$("strong").wrapInner($a); 
			//4.移除span的父节点
				$("span").unwrap();
		});
		
	</script>
	</head>
	<body>
		<strong title="jQuery"><span>jQuery</span></strong>
		<strong title="jQuery">jQuery</strong>
	</body>
	<script type="text/javascript">
	</script>
   
</html>

　　

posted @ 2018-02-23 16:01  一日看尽长安花cxjj  阅读(99)  评论(0)    收藏  举报