<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>包裹 替换 删除 复制</title>
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#box').wrap('<div></div>');//用div把匹配元素包起来
$('#box').unwrap();//这个方法将快速取消.wrap方法的效果
$('#box p').wrapAll('<div></div>')//将所有匹配的元素用指定元素包起来
$('#box h1').wrapInner('<b></b>')//将匹配元素的内部元素用b标签包起来
$('#box h1').replaceWith('<h2>这是h2标签</h2>')//将匹配元素及其内容用指定标签和内容替换
$('<h1>haha</h1>').replaceAll('#box h2');//用指定元素替换所有指定元素
$('ul').empty();//删除匹配的元素集合中的所有子节点
$('ul').remove();//删除指定元素及内容
//detach()与remove()有区别......
$('#box p').clone().prependTo('#box');//复制指定元素一份
})
</script>
</head>
<body>
<div id="box">
<p>p标签</p>
<h1>h1标签</h1>
<h2>h2标签</h2>
</div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
相关文章
- 02-01linux基础常用之显示，创建，复制，移动，删除
- 02-01jQuery基础（DOM篇，append()，after()，prepend()，insertAfter()，节点删除，遍历方法each()）
- 02-01Android零基础入门第87节：Fragment添加、删除、替换
- 02-01C#基础-文件夹复制与删除
- 02-01Linux中xargs批量删除-复制-替换-创建文件
- 02-01java基础 File 递归删除文件夹中所有文件文件夹 目录(包含子目录)下的.java文件复制到e:/abc文件夹中, 并统计java文件的个数
- 02-01Jquery基础添加删除内容
- 02-01【Linux基础】tr命令替换和删除字符
- 02-01jQuery Dom对象操作 增、删、改、复制、包裹
- 02-01jQuery中的DOM操作------复制及包裹节点