jQuery安装

时间:2020-01-09 10:47:08  来源:igfitidea点击:

为了在网页中使用JQuery,我们必须在网页中包含JQuery JavaScript文件。在执行此操作之前,我们必须首先确定两种方法来访问JQuery JavaScript文件:

  • 下载JQuery并将其托管在我们自己的Web应用程序中。
  • 在Google Content Delivery Network(CDN)上引用JQuery。

我将在下面解释这两种选择。我们还可以在JQuery下载页面上了解有关JQuery下载和安装的信息。实际上,要下载最新版本的JQuery,我们必须查看该页面。

下载JQuery

如果选择下载JQuery API,则必须将其放在Web服务器上的某个位置,以便网页可以从<script>标记中引用它。在这种情况下,我们可以使用以下HTML代码引用JQuery库:

<script type="text/javascript"
        src="/jquery-dir/1.6.1/jquery.min.js"></script>

本示例假设我们已将JQuery JavaScript文件放在Web应用程序的目录中

${webapp-root-dir}/jquery-dir/1.6.1

其中$$ webapp-root-dir}是Web应用程序的根目录。

在Google CDN上引用JQuery

在网页中包含JQuery的一种更简单的方法是在Google CDN上简单地引用它。这样做有两个优点:

  • 访问页面时,Web应用程序免除了JQuery下载带来的流量。
  • 客户端浏览器很有可能已经缓存了JQuery文件,这是因为较早的访问也引用了JQuery的其他站点。

我们可以使用以下HTML代码在Google CDN上引用JQuery:

<script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
</script>

最小版本与完整版本的JQuery

我们可以在网页中引用两种版本的JQuery。最小化(最小化)和完整版本。这两个版本之间没有函数上的区别。唯一的区别是文件大小,这将在下面解释。

完整版包含易读格式的JavaScript代码。这使得阅读和调试代码更加容易。缺点是此文件比最小化版本大得多,从而导致更多的流量和较慢的下载。

最小化版本是完整版本的压缩版本。此版本很难在内部读取和调试。但是文件较小,因此下载速度更快,流量也更少。