没有合适的资源?快使用搜索试试~ 我知道了~
Jquery学习文档.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 134 浏览量
2023-05-10
14:23:56
上传
评论
收藏 2.17MB DOC 举报
温馨提示
试读
191页
Jquery学习文档.doc 随着Web 2.0的兴起,JavaScript越来越受到重视,一系列的JavaScript库也蓬勃发展起来。从早期的Prototype、Dojo到2006年的jQuery,再到2007年的Ext JS,互联网正在掀起一场JavaScript风暴。jQuery以其独特优雅的姿态,始终处于这场风暴的中心,受到越来越多的人的追捧。
资源推荐
资源详情
资源评论
JQuery 文档
一、 认识 jQuery
随着 Web 2.0 的兴起,JavaScript 越来越受到重视,一系列的 JavaScript 库也
蓬勃发展起来。从早期的 Prototype、Dojo 到 2006 年的 jQuery,再到 2007 年的 Ext
JS,互联网正在掀起一场 JavaScript 风暴。jQuery 以其独特优雅的姿态,始终处
于这场风暴的中心,受到越来越多的人的追捧。
1.1 JavaScript 和 JavaScript 库
1.1.1 JavaScript 简介
在正式介绍 jQuery 之前,有必要先了解一下 JavaScript。
JavaScript 是 Netscape 公司 开 发 的 一 种 脚 本 语 言 ( scripting language )。
JavaScript 的出现使得网页和用户之间实现了一种实时的、动态的和交互的关系,
使网页包含更多活跃的元素和更加精彩的内容。JavaScript 自身存在 3 个弊端,
即复杂的文档对象模型(DOM),不一致的浏览器实现和缺乏便捷的开发、调试
工具。
正当 JavaScript 从开发者的视线中渐渐隐去时,一种新型的基于 JavaScript
的 Web 技术-Ajax(Asynchronous JavaScript And XML,异步的 JavaScript 和
XML)诞生了。而使人们真正认识到 Ajax 技术的强大的导火索是 Google 公司推
出的一系列新型 Web 应用,例如 Gmail、Google Suggest 和 Google Map 等。互
联网基于 JavaScript 的应用也越来越多,使 JavaScript 不再是一种仅仅用于制作
Web 页面的简单脚本。
1.1.2 JavaScript 库作用及对比
为了简化 JavaScript 的开发,一些 JavaScript 库诞生了。JavaScript 库封装了
很多预定义的对象和实用函数,能帮助使用者轻松建立有高难度交互的 Web 2.0
特性的富客户端页面,并且兼容各大浏览器。下面是目前几种流行的 JavaScript
库的介绍和对比。
Prototype:Prototype 是最早成型的 JavaScript 库之一,对 JavaScript 的内置
对象(例如 String 对象、Array 对象等)做了大量的扩展。现在还有很多项目使
用 Prototype。Prototype 可以看做是把很多好的、有用的 JavaScript 的方法组合在
一起而形成的 JavaScript 库。使用者可以在需要的时候随时将其中的几段代码抽
出来放进自己的脚本里。但是由于 Prototype 成型年代早,从整体上对于面向对
象的编程思想把握不是很到位,导致了其结构的松散。不过现在 Prototype 也在
慢慢改进。
Dojo:Dojo 的强大之处在于 Dojo 提供了很多其他 JavaScript 库所没有提供
的功能。例如离线存储的 API、生成图标的组件、基于 SVG/VML 的矢量图形库
和 Comet 支持等等。Dojo 是一款非常适合企业级应用的 JavaScript 库,并且得到
了 IBM、SUN 和 BEA 等一些大公司的支持。但是 Dojo 的缺点也是很明显的:
学习曲线陡,文档不齐全,最严重的就是 API 不稳定,每次升级都可能导致已有
的程序失效。但是自从 Dojo 的 1.0.0 版出现以后,情况有所好转。Dojo 还是一
个很有发挥潜力的库。
YUI:YUI 是由 Yahoo 公司开发的一套完备的、扩展项良好的富交互网页程
序工具集。YUI 封装了一系列比较丰富的功能,例如 DOM 操作和 Ajax 应用等,
同时还包括了几个核心的 CSS 文件。该库本身文档极其完备,代码编写也非常
规范。
Ext JS:Ext JS 常简称为 Ext,原本是对 YUI 的一个扩展,主要用于创建前
端用户界面,如今已经发展到可以利用包括 jQuery 在内的各种 JavaScript 框架作
为基础库,而 Ext 作为界面的扩展库来使用。Ext 可以用来开发富有华丽外观的
富客户端应用,能使 B/S 应用更加具有活力。但是由于 Ext 侧重于界面,本身比
较臃肿,所以使用之前请先权衡利弊。另外,需要注意的事,Ext 并非完全免费,
如果用于商业用途,需要付费获得授权许可。
MooTools:MooTools 是一套轻量、简洁、模块化和面向对象的 JavaScript
框架。MooTools 的语法几乎和 Prototype 一样,但却提供了更为强大的功能、更
好的扩展性和兼容性。其模块化思想非常优秀,核心代码大小只有 8KB。无论
用到哪个模块都可及时导入,即使是完整版大小也不超过 160KB。MooTools 完
全彻底的面向对象的编程思想,语法简洁直观,文档完善,是一个非常不错的
JavaScript 库。
jQuery:jQuery 同样是一个轻量级的库,拥有强大的选择器,出色的 DOM
操作,可靠的事件处理、完善的兼容性和链式操作等功能。这些优点吸引了一批
批的 JavaScript 开发者去学习它、研究它。
总之,每个 JavaScript 库都有各自的优点和缺点,同时也有各自的支持者和
反对者。自从 jQuery 诞生那天起,其关注度就一直在稳步上升,jQuery 已经逐
渐从其他 JavaScript 库中脱颖而出,成为 Web 开发人员的最佳选择。
1.2 jQuery
1.2.1 jQuery 简介
jQuery 是继 Prototype 之后有一个优秀的 JavaScript 库,是一个由 John Resig
创建于 2006 年 1 月的开源项目。现在的 jQuery 团队主要包括核心库、UI 和插件
等开发人员以及推广和网站设计维护人员。团队中由 3 个核心人物:John Resig、
Brandon Aaron 和 Jorn Zaefferer。
jQuery 凭借简洁的语法和跨平台的兼容性,极大地简化了 JavaScript 开发人
员遍历 HTML 文档、操作 DOM、处理事件、执行动画和开发 Ajax 的操作。其独
特而又优雅的代码风格改变了 JavaScript 程序员的设计思路和编写程序的方式。
总之,无论是网页设计师、后台开发者、业余爱好者是项目管理者,也无论是
JavaScript 初学者还是 JavaScript 高手,都又足够都的理由去学习 jQuery。
1.2.2 jQuery 的优势
jQuery 强调的理念是写的少,做得多(write less,do more)。jQuery 独特的选
择器、链式的 DOM 操作、事件处理机制和封装完善的 Ajax 都是其他 JavaScript
库望尘莫及的。概括起来,jQuery 有以下优势。
(1)轻量级。
jQuery 非常轻巧,采用 Dean Edwards 编写的 Parker 压缩后,大小不到
30KB。如果使用 Min 版并且在服务器启用 Gzip 压缩后,大小只有 18KB。
(2)强大的选择器。
jQuery 允许开发者使用从 CSS1 到 CSS3 几乎所有的选择器,以及 jQuery 独
创的高级而复杂的选择器。另外还可以加入插件使其支持 XPath 选择器,甚至开
发者可以编写属于自己的选择器。由于 jQuery 支持选择器这一特性,因此有一
定 CSS 经验的开发人员可以很容易地切入到 jQuery 的学习中来。
(3)出色的 DOM 操作的封装。
jQuery 封装了大量常用的 DOM 操作,使开发者在编写 DOM 操作相关程序
的时候能够得心应手。JQuery 轻松地完成各种原本非常复杂的操作,让 JavaScript
新手也能写出出色的程序。
(4)可靠的事件处理机制
吸取了 JavaScript 专家 Dean Edwards 编写的事件处理函数的精华,使得
jQuery 在处理事件绑定的时候相当可靠。在预留退路(graceful degradation)、循序
渐进以及非入侵式(Unobtrusive)编程思想方法,jQuery 也做的非常不错。
(5)完善的 Ajax
jQuery 将所有的 Ajax 操作封装到一个函数$.ajax()里,使得开发者处理 Ajax
的 时 候 能 够 专 心 处 理 业 务 逻 辑 而 无 需 关 心 复 杂 的 浏 览 器 兼 容 性 和
XMLHttpRequest 对象的创建和使用的问题。
(6)不污染顶级变量。
jQuery 只建立一个名为 jQuery 的对象,其所有的函数方法都在这个对象之
下。其别名$也可以随时交出控制权,绝对不会污染其他的对象。该特性使 jQuery
可以与其他 JavaScript 库共存,在项目中放心的引用而不需要考虑到后期可能的
冲突。
(7)出色的浏览器兼容性。
作为一个流行的 JavaScript 库,浏览器的兼容性是必须具备的条件之一。
jQuery 能够在 IE6.0+、FF2+、Safari2.0+和 Opera9.0+下正常运行。jQuery 同时修
复了一些浏览器之间的差异,是开发者不必在开展项目前建立浏览器兼容性。
(8)链式操作方式。
jQuery 中最有特色的莫过与它的链式操作方式——即对发生在同一个
jQuery 对象上的一组动作,可以直接连接写而无需重复获取对象。这一特点使
jQuery 的代码无比优雅。
(9)隐式迭代
当用 jQuery 找到带有“.myClass”类的全部元素,然后隐藏它们时,无需循
环遍历每一个返回的元素。相反,jQuery 里的方法都被设计成自动操作对象的对
象集合,而不是单独的对象,这使得大量的循环结构变得不再必要,从而大幅地
减少了代码量。
(10)行为层与结构层的分离。
开发者可以使用 jQuery 选择器选中元素,然后直接给元素添加事件。这种
将行为层与结构层完全分离的思想,可以使 jQuery 开发人员和 HTML 或其他页面
开发人员各司其职,摆脱过去开发冲突或个人单干的开发模式。同时,后期维护
也非常方便,不需要在 HTML 代码中寻找某些函数和重复修改 HTML 代码。
(11)丰富的插件支持。
jQuery 的易扩展性,吸引了来自全球的开发者来编写 jQuery 的扩展插件。
目前已经有超过几百种的官方插件支持,而且还不断有新插件面世。
(12)完善文档。
jQuery 的文档非常丰富,现阶段多为英文文档,中文文档相对较少。很多热
爱 jQuery 团队都在努力完善 jQuery 的中文文档,例如 jQuery 的中文 API,图灵
教育的翻译的《Learning jQuery》等等。
(13)开源。
jQuery 是一个开源的产品,任何人都可以自由地使用并提出改进意见。
1.3 jQuery 代码的编写
JQuery 不需要安装,把下载的 jquery-1.4.1.js 放到网站上的一个公共的位置,
想要在某各页面上使用 jQuery 时,只需要在相关的 HTML 文档中引入该库文件即
可。在实际项目中,读者可以根据实际需要调整 jQuery 库路径。
1.3.1 第一个 jQuery 程序(Hello World!)
在开始编写第一个 jQuery 程序之前,首先应该明确一点,在 jQuery 库中,$
就是 jQuery 的一个简写形式,例如$(“#foo”)和 jQuery(“#foo”)是等价的,如果没
有特殊说明,程序中的$符号都是 jQuery 的一个简写形式。
第一个 jQuery 程序的主要代码如下:
剩余190页未读,继续阅读
资源评论
悠闲饭团
- 粉丝: 151
- 资源: 3303
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功