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

问题1

看起来jquery.js包含你在jQuery上编写依赖的代码。

您需要先加载jQuery ，然后尝试使用它。

交换<script>元素的顺序。

---

问题2

$("document")将等待<document>元素准备就绪。 HTML没有这样的东西。丢失引号以直接传递document对象。

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

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