Question

好的，所以我要做的就是让jquery在我的javascript文件中工作，该文件链接到一个html文件。我为此创建了一个全新的文件来测试它。 html文件的全部内容是：

<!DOCTYPE html>
<html>
<script src="C:\Users\Me\Desktop\Programming\jquery-1.12.4"             type="text/javascript"></script>
<script src="check.js"></script>
<head> <h1>test</h1>
</head>
<body>
</body>
</html>

js文件的全部内容是

$("h1").css("color", "red");

但是当我在chrome中打开html文件时，我用jquery放入js文件中的更改没有显示（例如标题不是红色）。我只想弄明白如何制作它。

编辑：

感谢大家的帮助，我能够让它发挥作用：）

Answer 1

你试过这个吗？

$(document).ready(function(){
    $("h1").css("color", "red");
});

Answer 2

不确定但是，您的浏览器是否直接访问本地文件？我很确定浏览器沙箱会拒绝这个，也许是cors插件上的chrome？

编辑：

尝试导入此代码......

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

Answer 3

尝试使用jQuery CDN，这样你就不用担心jQuery是否正确加载了。

＆＃13;

$(document).ready(function() {
  $("h1").css("color", "red");
});

＆＃13;

<!DOCTYPE html>
<html>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="check.js"></script>
<head></head>
<body>
  <h1>test</h1>
</body>
</html>

＆＃13;

Answer 4

将您的<h1>标记移至<body>
将<script>代码移至<head>
用你所知道的 imvain2 替换你的JS文件中的代码一旦文档准备就绪，JS就会加载。

确保您正确引用了jQuery脚本。你甚至可以用它来测试它：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

Answer 5

其他帖子中描述了一些问题。您的所有元数据，脚本，CSS引用等都应该放在<head>和never标头标记中。还需要正确引用你的javascript文件。

<head> 
</head>
<body>
<header>
  <h1>test</h1>
</header>
</body>

示例：JSFiddle

在js文件中使用jquery

5 个答案: