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设置完也会跳转我就懵逼了

求大神解!

提问者益伦源自课程:jQuery 设置提问时间:2017-10-08 12:13我来回答
1回答
℡浮生灬若梦
回复℡浮生灬若梦赞同1已被提问者采纳2星期前

你的a标签没结尾标签