Fatal编程技术网
  • javascript/
  • Javascript 安装jQuery-我错过了什么？

Javascript 安装jQuery-我错过了什么？

javascript jquery html

Javascript 安装jQuery-我错过了什么？,javascript,jquery,html,Javascript,Jquery,Html,我对从头开始编写代码和使用Aptana Studio非常陌生。我只是通过网站Codeacademy学会了编码，所以虽然我会编码，但我不熟悉使用Aptana之类的程序，链接文档和术语。所以，我为这个问题的长度提前道歉。简而言之，我想一个关于如何“安装”jQuery的完整解释。我不确定在这种情况下，“installed”是否是正确的选择，因此我在下面提供了我的问题的更详细说明 当我为自己设定的网页任务编写HTML和CSS代码时，一切都进行得很顺利——当我需要使用jQuery时，我遇到了问题。我想使

我对从头开始编写代码和使用Aptana Studio非常陌生。我只是通过网站Codeacademy学会了编码，所以虽然我会编码，但我不熟悉使用Aptana之类的程序，链接文档和术语。所以，我为这个问题的长度提前道歉。简而言之，我想一个关于如何“安装”jQuery的完整解释。我不确定在这种情况下，“installed”是否是正确的选择，因此我在下面提供了我的问题的更详细说明

当我为自己设定的网页任务编写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>
最后，要记住一些提示：

  • 使用浏览器的开发人员工具查看控制台以查看任何错误。如果你不知道这是什么，用谷歌搜索一下
  • 使用
    console.log
    在开发人员工具中将内容打印到控制台，以确保代码的某些部分正在运行。这是一种非常有用的调试技术。例如，您可以将
    console.log（'in script'）位于自定义JS脚本的顶部，以确保脚本被正确引入。这有助于消除由于脚本路径错误而导致的错误
  • 使用。太棒了
  • 做实验，玩得开心
    添加jQuery最简单的方法（因为它也是一个不错的选择）是使用cdn，如cdnjs.com：

    在结束男孩标记（
    ）之前添加此行：
    使用CDN时，不需要在本地下载jQuery JavaScript文件，因为它托管在CDN服务器上。因此，它消除了对本地js文件的正确路径的需要-这可能是您得到“未捕获引用错误：$is not defined”错误的原因

    有关CDN的更多信息：

    一个使用jQuery隐藏表的快速简单工作示例：

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>jQuery</title>
  </head>
  <body>
    <h1>Red table should not be visible</h1>
    <table style="background: red;">
      <tr><td>If you see this, jQuery is not working</td></tr>
    </table>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
      jQuery( function( $ ){
        $( 'table' ).hide();
      });
    </script>
  </body>
</html>

    
jQuery
红色表格不应可见
如果您看到这一点，jQuery就不起作用了
jQuery（函数（$）{
$（'table'）.hide（）；
});
    您的代码可能无法工作，因为未加载脚本（不正确的
    src
    属性）

    您是否检查了浏览器控制台中的错误？您是否在html文件所在的同一目录中有一个名为
    jquery.js
    的文件？请发布您的全部代码，因为您写下的所有内容似乎都很好，应该可以正常工作。@user2735777如果您打开chrome并访问该文件，请按Ctrl+Shift+J并告诉我们您得到了什么。仅供参考->“安装”JavaScript文件=>不确定这有什么帮助，因为他已经这样做了。@searsaw他们的做法是错误的。。。xP非常感谢，它现在运行得很好。@Sparky看起来不是这样做的……是的，我明白了。我只能根据他在原始问题中发布的内容来回答。如果他的脚本中包含的路径没有问题，那么这个答案没有任何区别。@Sparky，但很可能有，此外，他可能想知道CDN以及它们如何帮助延迟。 
    <script type='text/javascript' src='jquery.js'></script>
<script type="text/javascript" src="barns.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>jQuery</title>
  </head>
  <body>
    <h1>Red table should not be visible</h1>
    <table style="background: red;">
      <tr><td>If you see this, jQuery is not working</td></tr>
    </table>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
      jQuery( function( $ ){
        $( 'table' ).hide();
      });
    </script>
  </body>
</html>