如何在我的Javascript中使用JQuery?

时间:2016-11-03 19:23:02

标签: jquery

有人可以解释一下JQuery是什么吗?互联网告诉我,我需要“下载JQuery的副本”才能开始使用。什么是JQuery?我正在使用Javascript创建一个表,我在网上发现了一些免费但使用JQuery的东西,当我只是复制代码并将其放入我的代码时,它说“未捕获的ReferenceError:jQuery未定义”。我假设它是一个Javascript的库,所以我如何引用该库以及它在下载时的含义是什么?

3 个答案:

答案 0 :(得分:1)

JQuery是一个JavaScript库。它简化了JavaScript编程。它很轻巧。它需要许多常见任务才能完成许多JavaScript代码,并将它们包装到可以使用一行代码调用的方法中。它还简化了许多来自JavaScript的复杂事物,比如AJAX调用和DOM操作。

jQuery库包含以下功能:

  • HTML / DOM操作
  • CSS操作
  • HTML事件方法
  • 效果和动画
  • AJAX
  • 实用程序

下载jQuery

有两个版本的jQuery可供下载:

  • 制作版 - 这是针对您的实时网站,因为它有 被缩小和压缩。
  • 开发版 - 这是用于测试和开发 (未压缩和可读的代码)。

jQuery库是一个单独的JavaScript文件,您可以使用HTML标记引用它(注意标记应该在该部分内):

<head>
<script src="jquery-3.1.1.min.js"></script>
</head> 

jQuery CDN

如果您不想自己下载和托管jQuery,可以从CDN(内容分发网络)中包含它。 谷歌和微软都主持jQuery。

要使用Google或Microsoft的jQuery,请使用以下方法之一:

Google CDN:

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

Microsoft CDN:

<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
</head> 

使用Google或Microsoft的托管jQuery的一大优势:

许多用户在访问其他网站时已经从Google或Microsoft下载了jQuery。因此,它将在访问您的站点时从缓存加载,从而加快加载速度。此外,大多数CDN将确保一旦用户从中请求文件,它将从最靠近它们的服务器提供,这也会加快加载时间。

您可以从http://www.w3schools.com/jquery/default.asp

了解有关JQuery的更多信息

答案 1 :(得分:-1)

Jquery与javascript结合使用效果非常好 正如我总是看到这一点并解释一下,jQuery是一种来自javascript的兄弟。它实际上是一个javaScript平台。

但是,您需要在文件中添加一个jquery库 将以下行放在<head></head>代码中,您就不会收到错误信息。

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

这只是众多jQuery脚本中的一个,谷歌还有一些。

答案 2 :(得分:-1)

Jquery基本上只是一个JavaScript库,它比JavaScript和HTML更有效地执行网页中的任务。例如,doc遍历网页和动画。

要将jquery链接到JavaScript,请使用以下代码显然使用您的文件名:

ar script = document.createElement('script');
script.src = 'http://code.jquery.com/jquery-1.11.0.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);