为什么这个jquery代码对我不起作用?

时间:2012-09-26 12:48:23

标签: javascript jquery

我在jquery中编写了非常小的代码,但我无法执行它我错了吗?

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js">    
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>

<body>
<p>If you click on me, I will disappear.</p>
</body>

</html> 

任何帮助将不胜感激。

4 个答案:

答案 0 :(得分:3)

您忘记关闭jquery的脚本标记。它应该是这样的:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('p').click(function() {
            $(this).hide();
        });
    });
</script>

请注意结束</script>代码

答案 1 :(得分:3)

您没有关闭第一个脚本代码:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

答案 2 :(得分:2)

您忘记关闭脚本标记

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"> </script>

答案 3 :(得分:0)

关闭head标签内的脚本标记。

<html>
<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js">  </script>   
  <script type="text/javascript">
    $(document).ready(function(){
    $("p").click(function(){
    $(this).hide();
   });
  });
  </script>
</head>

<body>
  <p>If you click on me, I will disappear.</p>
</body>

</html>