一、jQuery教程
jQuery是一个JavaScript库
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
二、jQuery简介
1、jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery库-特性
jQuery是一个JavaScript函数库。
jQuery库包含以下特性：
（1）HTML元素去块
（2）HTML元素操作
（3）CSS操作
（4）HTML事件函数
（5）JavaScript特效和动画
（6）HTML DOM遍历和修改
（7）AJAX
（8）Utilities
2、向您的页面添加 jQuery 库
jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。
可以通过下面的标记把 jQuery 添加到网页中：
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
请注意，<script> 标签应该位于页面的 <head> 部分。
3、下载 jQuery
共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。
这两个版本都可从 jQuery.com 下载。
4、库的替代
Google 和 Microsoft 对 jQuery 的支持都很好。
如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。
使用 Google 的 CDN
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
使用 Microsoft 的 CDN
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>
三、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，请使用以下代码之一：
Google CDN:
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.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 语法是为HTML元素的选取编制的，可以对元素执行某些操作。
基础语法是：$(selector).action()
(1)美元符号定义jQuery
示例：
$(this).hide()——隐藏当前元素
$("p").hide()——隐藏所有段落
$(".test").hide()——隐藏所有class="test"的所有元素
$("#test").hide()——隐藏所有id="test"的元素
提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。
扫一扫
1342
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
