jQuery(3-6)复制节点替换节点包裹节点
<!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">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="../jquery-1.7.1.js"></script>
</head>
<body>
<h3><br></h3><h3>水果</h3>
<strong title="mouse">老鼠掉进大米缸</strong>
<strong title="cat">正好大米缸里面有只猫··哎····</strong>
<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>