JQ设置问题，p标签加上一个链接后出现新问题，代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text("你好");
});
$("#btn2").click(function(){
$("#test2").html("你<b>你好</b>好");
});
$("#btn3").click(function(){
$("#test3").val("php.c0n");
});
});
</script>
</head>
<body>
<p id="test1" ><a href="http://www.php.cn" >这是段落中的<B>粗体</B>部分</p>
<p id="test2" >这是段落中的<B>粗体</B>部分</p>
<p >部分:<input type="text" id="test3" value="中文网"></p>
<button id="btn1">设置文本</button>
<button id="btn2">设置html</button>
<button id="btn3">设置表格参数</button>
</body>
</html>
按btn1、btn2、btn3之后，正常设置，但是全部自动跳转到php中文网页面，搞不明白怎么回事？
btn1跳转过去还能理解（其实也不明白为啥）
btn2、btn3设置完也会跳转我就懵逼了
求大神解！
