Welcome

首页 / 脚本样式 / jQuery / jQuery入门(1) 概述

jQuery入门(1) 概述2013-05-22 引路蜂移动软件 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 Framework 和 Java 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> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> </head> <body> <script src="scripts/jquery-1.9.1.js"></script> <script>// Your code goes here</script> </body> </html>