安装jQuery-我错过了什么?

银色箭头

我是从头开始编码并使用Aptana Studios的新手。我只学习通过Codeacademy网站进行编码,因此尽管可以进行编码,但我不熟悉使用Aptana之类的程序,链接文档和术语。因此,对于这个问题的长度,我预先表示歉意。总之,我要一个完整的解释,以如何的jQuery可以“安装”在这种情况下,我不确定“已安装”是否是正确的单词选择,因此我在下面提供了有关我的问题的更详细说明。


当我编写自己设置的网页任务的HTML和CSS时,一切都变得非常好-当时我需要使用jQuery时遇到了问题。我想使用的代码是:

$(document).ready(function(){
    $('table').hide();
});

^^(仅当我在某个地方犯了一个愚蠢的错误时才包括在内)^^

我认为我将Javascript文件链接到HTML的方式有问题,或者我没有正确地“安装” jQuery。这是我获得jQuery的权限:

我将代码从jQuery网站复制到一个.js文档中,并将其保存在保存所有HTML和CSS文档的同一文件夹中。然后,我将其链接到HTML,如下所示:

<script type='text/javascript' src='jquery.js'></script>

我完全找不到任何详细解释此过程的教程。即使是jQuery网站的说明,在我看来也很模糊。

之后,我使用以下方法将自己的代码链接到HTML:

<script type="text/javascript" src="barns.js"></script>

当它没有解决时,我并不感到惊讶,所以我继续寻找答案,但我一无所获。这可能与我被教导如何编码而不是缺乏解释有关-即使在这个问题中,我对编码词汇的一点了解也是显而易见的-但请相信我,我想做的最后一件事就是问自己所以除非我真的没有其他选择,否则我真的不会这么做。

西沙

有多种方法可以在页面中包含jQuery。您可以像这样使用CDN:

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

或者通过拥有本地副本并包含该副本来按照使用方式进行操作。

<script type='text/javascript' src='jquery.js'></script>

请注意,要使用第二种方法,必须确保脚本路径正确。因此,上面的代码说的jquery.js是与正在查看的页面位于同一目录中。接下来,您必须确保您命名的自定义脚本barns.js也位于同一目录中,并且声明位于jQuery声明之后。

<script type='text/javascript' src='jquery.js'></script>
<script type="text/javascript" src="barns.js"></script>

最后要记住一些提示:

  1. 使用浏览器的开发人员工具查看控制台以查看任何错误。如果您不知道这是什么,请使用Google。
  2. 用于console.log在开发人员工具中将内容打印到控制台,以确保代码的某些部分正在运行。这是一种极其有用的调试技术。例如,您可以将其放在console.log('in script');自定义JS脚本的顶部,以确保正确引入了该脚本。这可以帮助消除由于脚本路径错误而导致的错误。
  3. 使用jQuery文档这很棒!
  4. 实验并玩得开心!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章