首页 >jQuery讨论组 >JQ设置问题,p标签加上一个链接后出现新问题,代码如下

JQ设置问题,p标签加上一个链接后出现新问题,代码如下 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设置完也会跳转我就懵逼了

求大神解!

 
1
 
+1
-1
 
分享
全部回复 (1)我来回答
    ℡浮生灬若梦
    1楼
    ℡浮生灬若梦 · 2个月前

    你的a标签没结尾标签

      赞+1添加回复

    首页上一页1下一页尾页