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 */ });