Question

我在<p>内声明了一些body元素。在head标签中，我在<script>标签中编写了一些jQuery代码，但是我的文档在输出时无法正常工作。

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Untitled Document</title>
  <script type="text/javascript">
    $(document).ready(function(){
      $("p").click(function(){
        $(this).hide();
      })    
    });
  </script>
</head>

<body>
  <h2>javascript click function: click the p elements to hide it</h2>
  <p>hii click me to disappear</p>
  <p>hii click me too</p>
  <p>hii once again</p>

  <script src="jquery.js"></script>
</body>
</html>

Answer 1

如果您查看控制台，您肯定会明白为什么它不起作用。

未捕获的ReferenceError：未定义$

因此，在脚本之前添加<script src="jquery.js"></script>。

Answer 2

    <!doctype html>
    <html>
    <head>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script type="text/javascript">
      $(document).ready(function(){
       $("p").click(function(){
        $(this).hide();
    })  
});
</script>
</head>

<body>
<h2>javascript click function: click the p elements 
  to hide it</h2>
<p>hii click me to disappear</p>
<p>hii click me too</p>
<p>hii once again</p>


 <script src="jquery.js"></script>
 </body>
 </html>

只需在标题标签中添加<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

head标签中的jQuery脚本出现问题

2 个答案: