为什么这个简单的jQuery代码不起作用？

-1

我想开始使用jQuery，我在YouTube上关注的教程中找到了这段代码。在我看到的评论中，它不适用于很多用户，但没有真正的修复。为什么这个简单的jQuery代码不起作用？

<!doctype html> 
<html> 
<head> 
    <meta charset=utf-8> 
</head> 
<body> 
    <p onclick="$(this).hide();">this is a paragraph</p> 
    <script source="js/jquery.js"></script> 
</body> 
</html>

在这个页面的文件夹，我创建了一个子文件夹名为JS那里我救了的jquery.js文件从jquery.com

来源

2013-10-22 GabAntonelli

检查你的控制台，你看到任何错误？（Chrome/IE上的F12） – tymeJV

您必须在尝试运行jQuery代码时加载jQuery _before_。 – j08691

检查是否正在加载jquery文件，在运行脚本之前也包含它 – sven

您正在尝试使用jQuery复制代码的jQuery已被列入前。

在使用$或jQuery之前必须出现<script src='jquery.js'></script>。通常，您将其包含在文档的<head>中。

你也应该从你的DOM分离你的JavaScript，通过移动事件绑定到<head>的欢迎，并在$(document).ready块包裹其中：

<head> 
    <meta charset=utf-8> 

    <script src="js/jquery.js"></script> 
    <script> 
     $(document).ready(function() { 
      $('p').click(function() { 
       $(this).hide(); 
      }); 
     }); 
    </script> 
</head>

来源

2013-10-22 12:55:33 meagar

在教程中，他说，写在页面末尾，就在 – GabAntonelli

@Gabz教程是错误的。 – meagar

我尝试了你的建议，但没有奏效。在谷歌Chrome控制台它说 “Uncaught ReferenceError：$未定义” – GabAntonelli

向前一步是不要把代码内嵌带有标记...

<!doctype html> 
<html> 
<head> 
    <meta charset=utf-8> 
</head> 
<body> 
    <p>this is a paragraph</p> 
    <script source="js/jquery.js"></script> 
    <script> 
     $(function() 
      $('p').on('click', function() { 
       $(this).hide(); 
      }); 
     }); 
    </script> 
</body> 
</html>

来源

2013-10-22 12:57:03

JavaScript的一个最佳实践是始终按照依赖性的顺序将您的依赖项加载到您的<head>标记中。在这种情况下，您首先放置您的jQuery引用，然后放置任何引用jQuery的文件。

<!doctype html> 
<html> 
<head> 
    <meta charset=utf-8> 
    <script source="js/jquery.js"></script> 
</head> 
<body> 
    <p onclick="$(this).hide();">this is a paragraph</p> 

</body> 
</html>

这应该可以解决您的问题。

来源

2013-10-22 12:57:21 Nzall

这不是一个“最佳实践”，这是一个很难的技术要求。实际上，尽可能将脚本放在底部是一种最佳做法。在使用它们之前，你必须包含脚本的基线依赖关系。 – meagar

为什么这个简单的jQuery代码不起作用？

回答

相关问题