javascript - $ 功能不工作（失踪？）

Question

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
$('div'); // <--- THIS DOESN'T WORK
</script>

我在上面的代码中遇到错误。在签入 .js 代码时，我找不到名为 的函数$，但根据文档，应该有一个。

Answer 1

试试http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js。注意http:开头的。

即使没有它也应该可以工作。我猜你试图通过file://. 在这种情况下，无方案的 URL 当然是行不通的。

Answer 2

<script type="text/javascript">
$(function(){ // this is equivalent to $(document).ready(function{
    $('div'); 
});
</script>

您需要确保您的代码在 jQuery 之后运行并且页面已完成加载。

Answer 3

我认为这取决于您在哪里包含这些脚本标签。如果它们在您的开始正文标记之前就在您的脑海中，那么您需要将第二条语句包装在文档就绪函数中，以确保在 jQuery 开始查找“div”之前加载 DOM。

<script type="text/javascript">
$(function(){
    $('div'); 
});
</script>

否则，如果您的脚本标签就在您的结束正文标签之前，这应该可以工作。