jQuery 效果
jQuery 隐藏和显示 jQuery 淡入淡出 jQuery 效果 滑动 jQuery 效果 动画 jQuery 停止动画 jQuery Callback jQuery ChainingjQuery HTML
jQuery 获得内容 jQuery 设置内容 jQuery 添加元素 jQuery 删除元素 获取设置 CSS 类 jQuery CSS() 方法 jQuery 尺寸jQuery 遍历
jQuery 遍历 jQuery 遍历 祖先 jQuery 遍历 后代 jQuery 遍历 兄弟 jQuery 遍历 过滤jQuery AJAX
jQuery AJAX 简介 jQuery AJAX 加载 jQuery Get/Post jQuery noConflict() 方法jQuery 参考手册
jQuery 参考手册 选择器 jQuery 参考手册 事件 jQuery 参考手册 效果 jQuery 文档操作 jQuery 属性操作 jQuery CSS操作 jQuery 参考手册 Ajax jQuery 参考手册 遍历 jQuery 参考手册 数据 jQuery DOM方法 jQuery 参考手册 核心 jQuery 参考手册 属性jQuery 效果
jQuery 隐藏和显示 jQuery 淡入淡出 jQuery 效果 滑动 jQuery 效果 动画 jQuery 停止动画 jQuery Callback jQuery ChainingjQuery HTML
jQuery 获得内容 jQuery 设置内容 jQuery 添加元素 jQuery 删除元素 获取设置 CSS 类 jQuery CSS() 方法 jQuery 尺寸jQuery 遍历
jQuery 遍历 jQuery 遍历 祖先 jQuery 遍历 后代 jQuery 遍历 兄弟 jQuery 遍历 过滤jQuery AJAX
jQuery AJAX 简介 jQuery AJAX 加载 jQuery Get/Post jQuery noConflict() 方法jQuery 参考手册
jQuery 参考手册 选择器 jQuery 参考手册 事件 jQuery 参考手册 效果 jQuery 文档操作 jQuery 属性操作 jQuery CSS操作 jQuery 参考手册 Ajax jQuery 参考手册 遍历 jQuery 参考手册 数据 jQuery DOM方法 jQuery 参考手册 核心 jQuery 参考手册 属性jQuery 安装
1. 把 jQuery 添加到您的网页
如需使用 jQuery,您需要下载 jQuery 库(会在下面为您讲解),然后把它包含在希望使用的网页中。
jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它:
<head> <script src="jquery.js"></script> </head>
请注意,<script> 标签应该位于页面的 <head> 部分。
提示:您是否很疑惑为什么我们没有在 <script> 标签中使用 type="text/javascript" ?
在 HTML5 中,不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!
2. 下载 jQuery
有两个版本的 jQuery 可供下载:
- Production version - 用于实际的网站中,已被精简和压缩。
- Development version - 用于测试和开发(未压缩,是可读的代码)
这两个版本都可以从 jQuery.com 下载。
提示:您可以把下载文件放到与页面相同的目录中,这样更方便使用。
3. 替代方案
如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。
百度和微软的服务器都存有 jQuery 。
如需从百度或微软引用 jQuery,请使用以下代码之一:
Baidu CDN:
<head> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"> </script> </head>
Microsoft CDN:
<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>
提示:使用谷歌或微软的 jQuery,有一个很大的优势:
许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
下一章:jQuery 语法
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”(actions)。jQuery 语法:jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。基础语法是:$(selector).action()。
AI 中文社