<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text("Hello World!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello World!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
$("#btn4").click(function(){
$("#test4").text(function(i,origText){
return "Old text:"+origText+"New text:Hello World! (index:"+i+")"
})
});
$("#btn5").click(function(){
$("#test5").html(function(i,origText){
return "Old html:"+origText+"New html:Hello <b> World!</b> (index:"+i+")";
});
});
});
</script>
</head>
<body>
<p id="test1">这是一个段落。</p>
<p id="test2">这个另外一个段落。</p>
<p>Input Filed:<input type="text" id="test3" value="zhoujianhui"></p>
<button id="btn1">设置文本</button>
<button id="btn2">设置HTML</button>
<button id="btn3">设置值</button>
<br/><br />
<p id="test4">这是<b>粗体</b>文本。</p>
<p id="test5">这是第二个<b>粗体</b>文本。</p>
<button id="btn4">显示旧/新文本</button>
<button id="btn5">显示旧/新文本</button>
</body>
</html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text("Hello World!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello World!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
$("#btn4").click(function(){
$("#test4").text(function(i,origText){
return "Old text:"+origText+"New text:Hello World! (index:"+i+")"
})
});
$("#btn5").click(function(){
$("#test5").html(function(i,origText){
return "Old html:"+origText+"New html:Hello <b> World!</b> (index:"+i+")";
});
});
});
</script>
</head>
<body>
<p id="test1">这是一个段落。</p>
<p id="test2">这个另外一个段落。</p>
<p>Input Filed:<input type="text" id="test3" value="zhoujianhui"></p>
<button id="btn1">设置文本</button>
<button id="btn2">设置HTML</button>
<button id="btn3">设置值</button>
<br/><br />
<p id="test4">这是<b>粗体</b>文本。</p>
<p id="test5">这是第二个<b>粗体</b>文本。</p>
<button id="btn4">显示旧/新文本</button>
<button id="btn5">显示旧/新文本</button>
</body>
</html>