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

由于某种原因，我链接到的外部 .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");

    });


});

问题1

看起来 jquery.js 包含您编写的代码depends在 jQuery 上。

您需要加载 jQuerybefore你尝试使用它。

交换顺序<script>元素。

问题2

$("document")会等待<document>要素要准备好。 HTML 没有这样的东西。丢失要传递的引号document直接反对。

更好的是，忘记显式调用ready并且只是

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