javascript - Jquery - 链接外部 .js 文件不起作用

Question

由于某种原因，我链接到的外部 .js 文件不起作用。我像这样链接到它：

<script src="jquery.js" type="text/javascript"></script>

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

我已经使用一个简单的内联脚本测试了 jquery，以在单击它时隐藏一段文本，因此 jquery 库存在并且可以正常工作。

jquery.js 文件与调用它的 index.php 文件位于同一文件夹中。

我究竟做错了什么？

这是我在外部 .js 文件中的代码，目前只是为了测试它是否正常工作（它不是）：

$("document").ready(function(){

    $("p").click(function(){
        $("p").css("color", "red");

    });


});

Answer 1

Problem 1

It looks like jquery.js contains the code you wrote that depends on jQuery.

You need to load jQuery before you try to use it.

Swap the order of the <script> elements.

---

Problem 2

$("document") will wait for <document> elements to be ready. HTML doesn't have such a thing. Lose the quotes to pass in the document object directly.

Better yet, forget about the explicit call to ready and just

jQuery(function () { /* your function */ });