edit_note帖子
214
stars积分
13,626
event加入
2011-12-10
技术讨论
jQuery 入门教程(1): 概述
schedule发表于 2014-06-10 21:35:00
visibility查看 2,695
chat_bubble回复 17
#1 楼主
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具有如下代码框架作为后续示例的基础:
[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>
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具有如下代码框架作为后续示例的基础:
[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>
全部回复 (17)
2014-06-10 22:05:00
沙发
好久没见狂人了
2014-06-10 22:45:00
板凳
路过
2014-06-10 22:48:00
地板
就咯啦咯啦咯考虑图
2014-06-11 00:20:00
#5
空
2014-06-11 01:04:00
#6
一直在上课,没时间,呵呵。
2014-06-11 06:27:00
#7
看看
2014-06-11 09:51:00
#8
狂人好好学习吧
2014-06-12 16:47:00
#9
图图他
2014-06-15 19:09:00
#10
图他我我
2014-08-12 15:57:00
#11
就吐
2014-08-17 18:31:00
#12
2222
2014-09-11 16:58:00
#13
~………………
2014-11-18 23:30:00
#14
{此处内容需要回复才能查看}
2015-01-02 02:52:00
#15
HK咯了
2015-01-27 08:22:00
#16
看看
2015-02-24 10:18:00
#17
fccccfssdgtfd
2016-02-01 08:36:00
#18
aaajjj
登录 后才能回复
flag举报帖子