jQuery(3-6)复制节点替换节点包裹节点-优快云博客

本文详细介绍了如何使用JavaScript操作HTML页面元素，包括复制节点、替换节点和包裹节点的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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
*/

/*