jquery提供的替换节点的方法有两个:replaceWith()和replaceAll()。
1、replaceWith()方法
语法:$(selectorA).replaceWitj(dom);
将匹配到的元素$(selectorA)用dom替换掉。原来的元素去掉,在原来元素的位置上添加上dom元素。
2、replaceAll()方法
语法:$(dom).replaceAll(selector);
用dom替换掉selector匹配到的所有元素。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery的dom操作</title>
<script src="../jquery-1.3.1.js"></script>
</head>
<body>
<p title="选择你喜欢的水果">你最喜欢的水果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子title">橘子</li>
<li title="菠萝">菠萝</li>
<li title="菠萝2">菠萝2</li>
<li title="菠萝3">菠萝3</li>
</ul>
</body>
<script>
$(function(){
//$("ul li").replaceWith("<p title='选择你喜欢的水果'>你最喜欢的水果是?</p>");
//$("<p title='选择你喜欢的水果'>你最喜欢的水果是?</p>").replaceAll($("ul li"))
$("<p title='选择你喜欢的水果'>你最喜欢的水果是?</p>").replaceAll("ul li")
});
</script>
</html>