<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
????<style>
????.right?div?{
????????background:?yellow;
????}
????</style>
</head>
<body>
????<h2>replaceWith()和replaceAll()</h2>
????<div?class="left">
????????<button?class="bt1">點擊,通過replaceWith替換內容</button>
????????<button?class="bt2">點擊,通過rreplaceAll替換內容</button>
????</div>
????<div?class="right">
????????<div>
????????????<p>第一段</p>
????????????<p>第二段</p>
????????????<p>第三段</p>
????????</div>
????????<div>
????????????<p>第四段</p>
????????????<p>第五段</p>
????????????<p>第六段</p>
????????</div>
????</div>
????<script?type="text/javascript">
????//只克隆節點
????//不克隆事件
????$(".bt1").on('click',?function()?{
????????//找到內容為第二段的p元素
????????//通過replaceWith刪除并替換這個節點
????????$(".right?>?div:first?p:eq(1)").replaceWith('<a?style="color:red">replaceWith替換第二段的內容</a>')
????})
????</script>
????<script?type="text/javascript">
????//找到內容為第六段的p元素
????//通過replaceAll刪除并替換這個節點
????$(".bt2").on('click',?function()?{
????????$('<a?style="color:red">replaceAll替換第六段的內容</a>').replaceAll('.right?>?div:last?p:last');
????})
????</script>
</body>
</html>div:first 是什么意思？？？？div:first 是什么意思？？？？
div:first 是什么意思？？？？
Blizzard_lihe
2016-11-19 15:02:31
