<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn1").click(function(){
$("#test1").text(function(i,oldVal){
return "旧文本:"+oldVal+" 新文本:你我他学习吧(index:"+i+")";
})
})
$("#btn2").click(function(){
$("#test2").html(function(i,oldHtml){
return "旧html:"+oldHtml+" 新html:你我他<b>学习吧</b>(index:"+i+")";
})
})
})
</script>
</head> <body>
<p id="test1">这是段落中的<b>粗体</b>文本。</p>
<p id="test2">这是另一个有<b>粗体</b>字的段落。</p>
<button id="btn1">显示 新/旧 文本</button>
<button id="btn2">显示 新/旧 HTML</button>
</body>
</html>