jQuery(3-6)复制节点替换节点包裹节点

来源：互联网发布：we piano软件编辑：程序博客网时间：2024/04/28 03:36

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>复制节点替换节点包裹节点.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

<p title="选择你喜欢的水果"> 你喜欢的水果是？</p>
<ul style="background-color: purple">
<li title ="苹果 ">苹果</li>
<li title ="橘子 ">橘子</li>
<li title ="菠萝 ">菠萝</li>
<li title ="香蕉 ">香蕉</li>
<li title ="梨子 ">梨子</li>
</ul>

</body>

<script type="text/javascript">
/*$(function(){
   $('ul li').click(function(){
   $(this).clone().appendTo('ul');     //赋值当前节点追加到 ul中
   $(this).clone(true).appendTo('body');
   });

});*/

/* $(function(){
$('p').replaceWith('<strong>你最不喜欢的水果 ?</strong>'); //替换节点
$('strong').wrap('<br></br>');
   });*/

/* $(function(){
$('li').wrap('<b> </b>'); //wrap() 包裹标签用<b>标签将所有 li元素包起来他是单独的包裹
   });

*/
/*$(function(){
$('strong').wrapAll('<b> </b>'); //包裹标签用<b>标签将所有 strong元素包起来他说全部包裹
   });*/

/* <b><strong title="mouse">老鼠掉进大米缸</strong></b>
    <b> <strong title="cat">正好大米缸里面有只猫··哎····</strong></b>   单独包裹 warp
————————————————————————————————————————————————————————————————————————————— <b><strong title="mouse">老鼠掉进大米缸</strong>
    <strong title="cat">正好大米缸里面有只猫··哎····</strong></b>   全部包裹 warpALL
*/

/*

$(function(){
$('ul').wrapInner('<b> </b>'); //wrapInner() 将每一个匹配元素的子类容包起来（包括本节点）
})
*/

</script>
</html>