jQuery 教程
∙ Next Page
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
每一章中用到的实例
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
TIY
通过点击 "TIY" 按钮来看看它是如何运行的。
您将学到什么
在本教程中，您将通过文字以及许多在线实例，学到如何通过使用 jQuery 网页应用 JavaScript 效果。
jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。
基本上，您将学习到如何选取 HTML 元素，以及如何对它们执行类似隐藏、移动以及操作其内容等任务。
您需要具备的基础知识
在您开始学习 jQuery 之前，您应该对以下知识有基本的了解：
∙ HTML
∙ CSS
∙ JavaScript
如果您需要首先学习这些科目，请在我们的 首页 查这些教程。
jQuery 实例
通过实例来学习！在 W3School，您将到很多能够编辑并测试的 jQuery 实例。
jQuery 实例
jQuery 参考手册
在 W3School，您将到包含所有 jQuery 对象和函数的完整参考手册。
jQuery 参考手册
jQuery 简介
∙ Previous Page
∙ Next Page
jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery 库 - 特性
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性：
∙ HTML 元素选取
∙ HTML 元素操作
∙ CSS 操作
∙ HTML 事件函数
∙ JavaScript 特效和动画
∙ HTML DOM 遍历和修改
∙ AJAX
∙ Utilities
向您的页面添加 jQuery 库
jQuery 库位于单个的 JavaScript 文件中，其中包含所有 jQuery 函数。
可以通过下面的标记把 jQuery 添加到网页中：
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
请注意，<script> 标签应该位于页面的 <head> 部分。
基础 jQuery 实例
下面的例子演示了 jQuery 的 hide() 函数，隐藏了 HTML 文档中所有的 <p> 元素。
实例
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
TIY
下载 jQuery
存在两份 jQuery 拷贝可供下载，一是缩小版（由 Google Closure Compiler），另一个是未压缩版（供 debugging 或 reading）。
两份拷贝均可以从 jQuery 下载（左键点击然后另存为）：
∙ jQuery minfied (23K)
∙ jQuery regular (154K)
库的替代
Google 和 Microsoft 对 jQuery 的支持都很好。
如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google or Microsoft 加载 CDN jQuery 核心文件。
使用 Google 的 CDN
<head>
<script type="text/javascript" src="leapis/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
使用 Microsoft 的 CDN
<head>
<script type="text/javascript" src="ajax.microsoft/ajax/jquery
/jquery-1.4.min.js"></script>
</head>
jQuery 语法
∙ Previous Page
∙ Next Page
通过jquery免费特效下载 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。
jQuery 语法实例
$(this).hide()
演示 jQuery hide() 函数，隐藏当前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函数，隐藏 id="test" 的元素。
$("p").hide()
演示 jQuery hide() 函数，隐藏所有 <p> 元素。
$(".test").hide()
演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。
jQuery 语法
jQuery 语法是为 HTML 元素的选取编制，可以对元素执行某些操作。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。