jquery包裹节点

来源:互联网 发布:淘宝代做毕业设计被骗 编辑:程序博客网 时间:2024/06/10 19:56

源码下载:jquery包裹节点

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-7-1</title>
 <!--   引入jQuery -->
 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script type="text/javascript">
 //<![CDATA[

 


  $(function(){
   $("strong").wrap("<b></b>");//用<b>元素把每单个<strong>元素包裹起来
  });

 

$(function(){
   $("strong").wrapAll("<b></b>");用<b>元素把<strong>元素所有包裹起来
  });

 

 

  $(function(){
   $("strong").wrapInner("<b></b>");//内嵌
  });

 


  //]]>
  </script>
</head>
<body>
<strong title="选择你最喜欢的水果." >你最喜欢的水果是?</strong>
 <strong title="选择你最喜欢的水果." >你最喜欢的水果是?</strong>
 <ul>
   <li title='苹果'>苹果</li>
   <li title='橘子'>橘子</li>
   <li title='菠萝'>菠萝</li>
 </ul> </ul>
</body>
</html>