46-解决方案

选择背景色：黄橙洋红淡粉水蓝草绿白色选择字体：宋体黑体微软雅黑楷体选择字体大小：小中大特恢复默认

1.11.2　解决方案

remove() 方法可以用于从DOM中删除选中的元素集及其子元素。请看如下代码：

<!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" />
</head>
<body>
<h3>Anchors</h3>
<a href='#'>Anchor Element</a>
<a href='#'>Anchor Element</a>
<a href='#'>Anchor Element</a>
<script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/JavaScript">
　jQuery('a').remove();
</script>
</body>
</html>

当把上述代码加载到浏览器中时，锚元素将留在页面中，直到JavaScript执行。一旦使用 remove() 方法从DOM中删除所有锚元素，该页面在外观上只包含一个 <h3> 元素。也可以向方法传递一个表达式，过滤需要删除的元素集。例如，代码可以进行如下改写，只删除具有特殊类的锚：

<!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" />
</head>
<body>
<h3>Anchors</h3>
<a href='#' class='remove'>Anchor Element</a>
<a href='#'>Anchor Element</a>
<a href='#' class="remove">Anchor Element</a>
<script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/JavaScript">
　jQuery('a').remove('.remove');
</script>
</body>
</html>

Previous 上一篇本节目录 Next 下一篇

46-解决方案

1.11.2 解决方案

1.11.2　解决方案