Javascript I';我很难让jQuery在最简单的级别上运行

Javascript I';我很难让jQuery在最简单的级别上运行,javascript,jquery,html,css,hyperlink,Javascript,Jquery,Html,Css,Hyperlink,好的,这是一个完全没有问题的问题。我正在尝试使用HTML、CSS和JavaScript从头开始构建一个站点,我想使用jQuery。出于某种原因,我可以让HTML和CSS工作,但我不能在我的script.js文件中使用jQuery。我已经下载了jQuery: 我用一个标记链接到它,但是当我尝试使用我构建的东西时,什么都没有发生 我的HTML: <!DOCTYPE html> <html> <head> <title>Free

好的,这是一个完全没有问题的问题。我正在尝试使用HTML、CSS和JavaScript从头开始构建一个站点,我想使用jQuery。出于某种原因,我可以让HTML和CSS工作,但我不能在我的
script.js
文件中使用jQuery。我已经下载了jQuery:

我用一个
标记链接到它,但是当我尝试使用我构建的东西时,什么都没有发生

我的HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Freeflow Academy</title>

        <link rel='stylesheet' type='stylesheet' href='stylesheet.css'>
        <link rel='stylesheet' type='stylesheet' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css' />

        <script type='text/javascript' src='script.js'></script>
        <script type='text/javascript' src="jquery-2.2.0.min.js"></script>
    </head>
    <body>
        <p>This is a test</p>
    </body>
</html>
我的jQuery JavaScript:

$(document).ready(function(){    
    $('p').on('click', function(){
        $(this).css('background-color','red');    
    });    
});

我想做的就是点击一下改变背景颜色。感谢您的帮助。我认为问题与我的
标记有关,但我不确定是哪个标记。

首先加载jQuery,然后加载自定义脚本

<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' src='script.js'></script>


加载优先级是从上到下的,如果在加载脚本之前没有加载jQuery,它将无法工作。

首先加载jQuery,然后加载自定义脚本

<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' src='script.js'></script>


加载优先级是从上到下的,如果在加载脚本之前没有加载jQuery,它将无法工作。

顺序不正确,请先加载jQuery,然后再加载脚本

<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' src='script.js'></script>

顺序不正确,请先加载jquery,然后再加载脚本

<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' src='script.js'></script>

根据您的示例,在加载jQuery之前,您正在加载自定义JavaScript

装载顺序


另外,与JavaScript错误无关的是样式表的排序和正在使用的
type
属性值,它们应该是
type=“text/css”


我在上创建了一个工作示例。

基于您在加载jQuery之前加载自定义JavaScript的示例

装载顺序


另外,与JavaScript错误无关的是样式表的排序和正在使用的
type
属性值,它们应该是
type=“text/css”


我在上创建了一个工作示例。

尝试使用正确的标记顺序提及脚本标记的字符集

<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
  <script type='text/javascript' charset="UTF-8" src='script.js'></script>

尝试使用正确的标记顺序提及脚本标记的字符集

<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
  <script type='text/javascript' charset="UTF-8" src='script.js'></script>


自由流学院
这是一个测试

首先,最佳实践是在文件末尾加载脚本(jquery、自定义脚本等)。另外,我会选择CDN。你几乎找不到这样做的理由(只需谷歌一下)

单引号或双引号取决于您的风格。我想要双倍的,但只要用一种方法把它们放在任何地方,保持代码干净:D

唯一的原因可能是,尽管您的帖子中有
脚本
命令,但这是您的Apache设置。可能相对路径和目录根不是正确的。您可以看看


自由流学院
这是一个测试

首先,最佳实践是在文件末尾加载脚本(jquery、自定义脚本等)。另外,我会选择CDN。你几乎找不到这样做的理由(只需谷歌一下)

单引号或双引号取决于您的风格。我想要双倍的,但只要用一种方法把它们放在任何地方,保持代码干净:D


唯一的原因可能是,尽管您的帖子中有
脚本
命令,但这是您的Apache设置。可能相对路径和目录根不是正确的。您可以查看一下

如前所述,装载顺序很重要。 另外,最好从cdn加载jquery,如下所示:

<script type='text/javascript' src="//code.jquery.com/jquery-2.2.0.min.js></script>
<script type='text/javascript' src='script.js'></script>

如果更新代码后仍然出现错误,请尝试清除浏览器缓存。

如上所述,加载顺序很重要。 另外,最好从cdn加载jquery,如下所示:

<script type='text/javascript' src="//code.jquery.com/jquery-2.2.0.min.js></script>
<script type='text/javascript' src='script.js'></script>


如果更新代码后仍然出现错误,请尝试清除浏览器缓存。

浏览器控制台中有错误吗?我会检查。确定:
ReferenceError:找不到变量:$
语法错误:无效字符'\u0001'
OK..第一个错误是因为加载脚本的顺序不正确..现在,对于第二个错误,你能告诉我错误的行号吗,或者在a中重现问题。总是先检查错误…然后提问并包括错误详细信息。我可以使用什么字符集来消除第二个错误?它指的是jQuery-2.2.0.min.js的第一行。有一个无法识别的字符。浏览器控制台中有错误吗?我会检查。确定:
ReferenceError:找不到变量:$
语法错误:无效字符'\u0001'
OK..第一个错误是因为加载脚本的顺序不正确..现在,对于第二个错误,你能告诉我错误的行号吗,或者在a中重现问题。总是先检查错误…然后提问并包括错误详细信息。我可以使用什么字符集来消除第二个错误?它指的是jQuery-2.2.0.min.js的第一行。有一个无法识别的字符。嗯。没有什么变化。控制台中仍然出现同样的错误。你能给出一个演示URL吗@KaiChristensenI会看看我能不能拉小提琴。没有什么变化。控制台中仍然出现同样的错误。你能给出一个演示URL吗@KaiChristensenI会看看我能不能拉小提琴。没有什么变化。仍然在console.Hmmm中收到相同的错误。没有什么变化。仍然在控制台中收到相同的错误。