Jquery学习(1):把 jQuery 添加到您的网页

转载 2013年12月01日 22:45:06

下面内容转自W3School

转自:http://www.w3school.com.cn/jquery/jquery_install.asp

把 jQuery 添加到您的网页

如需使用 jQuery,您需要下载 jQuery 库(会在下面为您讲解),然后把它包含在希望使用的网页中。

jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它:

<head>
<script src="jquery.js"></script>
</head>

请注意,<script> 标签应该位于页面的 <head> 部分。

提示:您是否很疑惑为什么我们没有在 <script> 标签中使用 type="text/javascript" ?

在 HTML5 中,不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!

下载 jQuery

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

  • Production version - 用于实际的网站中,已被精简和压缩。
  • Development version - 用于测试和开发(未压缩,是可读的代码)

这两个版本都可以从 jQuery.com 下载。

提示:您可以把下载文件放到与页面相同的目录中,这样更方便使用。

替代方案

如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。

谷歌和微软的服务器都存有 jQuery 。

如需从谷歌或微软引用 jQuery,请使用以下代码之一:

Google CDN:

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

亲自试一试

提示:通过 Google CDN 来获得最新可用的版本:

如果您观察上什么的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery,也可以从版本字符串的末尾(比如本例 1.8)删除一个数字,谷歌会返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一个数字,那么谷歌会返回 1 系列中最新的可用版本(从 1.1.0 到 1.9.9)。

Microsoft CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

亲自试一试

提示:使用谷歌或微软的 jQuery,有一个很大的优势:

许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。


相关文章推荐

jQuery 将网页中一个表格中的数据已行为最小单元添加到另外的一个表格当中

jQuery 将网页中一个表格中的数据已行为最小单元添加到另外的一个表格当中table2的html代码: 编码 名称 大类 ...

jQuery学习笔记--remove()删除选择的节点,applend() 添加到节点

.red{ background-color:Red;} /* remove()删除选择的节点,applend() 添加到节点 ...

jQuery添加到购物车的互动

  • 2016年07月03日 00:58
  • 46KB
  • 下载

Jquery/jqueryMobile接收数据,并将其添加到table中且覆盖掉重复行

1.第一步,引用相关的JS或CSS 引用JqueryMobile.min,js 引用Jquery.js( 引用Jquery.WebSocket.js(Socket通信必备) 引用Model.js/a...

jQuery实现的添加到产品对比

产品对比相信大家并不陌生,为了方便用户对类似产品的相关信息进行有效直观的对比,一些电商网站产品或评测网站会为用户提供产品对比的功能,用户只需勾选多个需要对比的产品,就可以进行比对。本文将使用jQuer...

JQuery实现添加到选框

先上一张效果图: 开始我们的小项目: 1.先布局好界面: 这时候在界面上什么都看不到,添加如下代码: 在第一个内层div中添加: ...

jquery实现网页自动添加必填项图标和日期自动填充

$(function(){ //如果是必填的,则加红星标识. $("form label.required").each(function(){ var $required = $('*');...
  • afgasdg
  • afgasdg
  • 2012年07月09日 15:12
  • 4268

[锋利的jQuery-学习]网页换肤,使用cookies存储

$(function(){ $("ul#skin li").click(function(){ var index = $(this).attr("id"); switch_skin(index);/...

带你学习JQuery:网页换肤

为了更好的提升用户体验,很多网页都有换肤的功能,那么这是怎么实现的那,其实,换肤只不过是在对应的位置改了Css样式罢了!! 下面就掩饰如何简单的换肤 在设计HTmL代码时,注意一些小技巧,可以将皮...

将指定网页添加到收藏夹的方法(c#)

源码src下载地址:http://download.csdn.net/detail/testcs_dn/5137650  昨天想实现一个小功能,就是把正在浏览的某网页添加到收藏夹中。以前在页面直...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery学习(1):把 jQuery 添加到您的网页
举报原因:
原因补充:

(最多只允许输入30个字)