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代码。这使得阅读和调试代码更加容易。缺点是此文件比最小化版本大得多,从而导致更多的流量和较慢的下载。
最小化版本是完整版本的压缩版本。此版本很难在内部读取和调试。但是文件较小,因此下载速度更快,流量也更少。