离线下载
PDF版 ePub版

极客学院团队出品 · 更新于 2017-11-19 05:00:55

jQuery 教程

JQuery 是继 prototype 之后又一个优秀的 Javascript 库。

jQuery 是一套跨浏览器JavaScript 函式库,简化 HTML 与JavaScript 之间的操作,下面为摘自 Wikepedia 上的 jQuery 说明:

jQuery 是 开源软件,使用MIT 许可证授权。[4] jQuery 的语法设计使得许多操作变得容易,如操作文档对象(document)、选择 DOM 元素、创建动画效果、处理事件、以及开发 Ajax 程序。jQuery 也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使 jQuery 函数库能够创建功能强大的动态网页以及网络应用程序

  • jQuery 有下列特色:

  • 跨浏览器的 DOM 元素选择
  • DOM 巡访与更改:支援 CSS 1-3与 基本的 XPath,jQuery 1.2版以后默认取消 XPath 支持,改为插件支持
  • 事件(Events)
  • CSS 操纵
  • 特效和动画(移动显示位置、淡入、淡出)
  • Ajax
  • 延伸性(Extensibility)
  • 工具:例如浏览器版本和each函数。
  • JavaScript 插件
  • 轻量级

有很多应用程序开发框架中已经集成了 jQuery,如前面介绍的 PHP Yii FrameworkJava EE Vaadin Web 应用开发框架 ,这些框架可以不使用 JavaScript 而是使用 PHP 或是 Java 来使用 jQuery 的 UI 功能。但了解 jQuery JavaScripts 编程对于更好编写 Web 页面还是有很大的帮助的,微软诺基亚已宣布在他们的平台上绑定 jQuery。[5] 微软最初在 Visual Studio 中集成了 jQuery[6] 以便在微软自己的 ASP.NET AJAX 框架和 ASP.NET MVC Framework 中使用。因此如果你从事 ASP.Net 或是 Sharepoint Web Part 或是 Application Page 开发了解 jQuery 尤为重要,本教程帮助初学者了解 jQuery 的基本开发,从而为进一步学习其它 Web 编程打好基础。

本教程使用 Visual Studio 为开发工具,你也可以使用你自己喜欢的开发 IDE,Visual Studio 支持 Javascript 的调试,jQuery 使用目前的最新版本 jquery-1.9.1.js.下载到本地。

使用 Visual Studio 创建一个 Website,将下载下来的jquery-1.9.1.js 放在 scripts

添加的 Default.html 具有如下代码框架作为后续示例的基础:

<!doctype html>

<meta charset="utf-8" />
JQuery Demo

<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script><script type="text/javascript">// <![CDATA[
        // Your code goes here

// ]]></script>

版本信息

书中演示代码基于以下版本:

语言/框架 版本信息
jQuery jQuery 1.9.1
下一篇: 基本语法