包裹元素节点

JQuery包裹元素节点wrap和wrapInner的区别

 1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 <head>
 3<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 4 <title>包裹元素节点</title>
 5 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
 6 <style type="text/css">
 7 body{font-size:13px;}
 8 p{background-color:#eee; padding:5px; width:200px;}
 9 </style>
10 <script type="text/javascript">
11     $(function(){
12         $('p').wrap("<b></b>");
13         $('span').wrapInner("<i></i>");
14         })
15 </script>
16 </head>
17 
18 <body>
19     <p>国家：<span>china</span></p>
20     <p>年龄：<span>100</span></p>
21 </body>
22 </html>

希望可以通过图片看懂。

JQuery wrap wrapInner

posted @ 2012-08-03 11:00  光腾新一  阅读(105)  评论(0)    收藏  举报