4.3.1 jQuery基础（2）

2008-09-28 16:09 (英)格雷恩(Granc,D.)等著/贺师俊等译人民邮电出版社我要评论(0) 字号：T | T

综合评级：

想读(1) 在读(1) 已读(8) 品书斋鉴(0) 已有10人发表书评

《Ajax实战:实例详解》第4章Ajax开源工具集，讨论支持Ajax的JavaScript库并进一步讲解Prototype、Dojo工具箱、jQuery和DWR库，另外特别介绍了它们给Ajax带来的变化。本小节为jQuery基础。

AD： 2013大数据全球技术峰会低价抢票中

4.3.1 jQuery基础（2）

3．在文档就绪时执行代码

在页面中，我们往往需要执行一些初始化代码，以便在用户与应用交互前先做好准备工作。通常我们使用窗口对象的onload事件处理器来做初始化。它保证在执行onload代码前页面已加载完毕，由此保证了DOM元素已经存在，从而可以进行DOM操作了。

但是onload有一个问题，就是它不仅会等待文档主体加载完毕，还会等待图像等资源加载完毕。如果这些图像不在浏览器的缓存中，就必须从服务器上去拉回来，这样初始化代码运行的那个时间点就远远迟于文档本身加载完成的那个时间点，而当时已经完全可以执行初始化代码了。

jQuery帮我们解决了这一问题，它引入了"文档就绪处理器"的概念。这一机制令函数在文档加载完成之时执行，而不必等待图片及onload事件处理器。

要使用这一机制，我们需要对文档元素进行包装，并调用包装过的文档对象上的ready()方法：

一旦DOM就绪并可供操作，传给ready()的函数就会执行。注意，当你同时使用ready机制和页面上的onload事件处理器时，两者都会执行，且ready事件处理器会先于onload事件处理器被触发。

ready()处理器有一个简略记法，即直接用jQuery的包装器对一个函数进行包装。下面的代码片段：

与之前那段声明ready()处理器的代码是等价的。

4．同时使用jQuery和Prototype

Prototype非常流行，而jQuery也迅速走红。因此，网页创作者完全有可能想在一个页面中同时使用这两个库。

总的来说，jQuery遵循着最佳实践的准则，避免污染全局命名空间(global namespace)--例如将工具函数这类构造放到jQuery命名空间中而不是直接放在全局命名空间中。不过有一个地方存在冲突，就是我们之前提到过的，使用了$这一全局名称。

jQuery，作为JavaScript程序库世界中的一个模范公民，已经预先考虑到了这个问题。当在一个页面中同时使用Prototype和jQuery时，只要在两个程序库加载完成后调用jQuery的jQuery.noConflict()工具函数，就会使得$名字的功能恢复成Prototype的定义。

通过jQuery命名空间，你仍可以使用jQuery的功能，你也可以定义简短的别名。对于将jQuery与Prototype结合使用的情况，jQuery文档建议使用如下的别名：

好了，我们已经学习了足够的预备知识了！

在本节后续的解决方案中我们将看到jQuery的更多用途。即便如此，我们也只是稍微触及到了jQuery的皮毛。如果你在学习这些解决方案后发现自己已被jQuery的能力所深深吸引，那么我们强烈建议你访问http://docs.jquery.com/，阅读全面的在线文档并了解jQuery所提供的其他能力。

4.3.1 jQuery基础（2）相关推荐

【Java Web开发指南】JQuery基础笔记
文章目录 JQuery 基础: 1. JQuery 基础:1. 概念2. 快速入门3. JQuery对象和JS对象区别与转换4. 选择器5. DOM操作6. 案例 JQuery 基础: 1. 概念: ...
Jquery基础之DOM操作
Jquery基础之DOM操作 Dom是Document Object Model的缩写,意思是文档对象模型.DOM是一种与浏览器.平台.语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件.DO ...
Ajax、jQuery基础入门视频教程
关注公众号,免费获取资料本视频是Ajax和jQuery基础入门视频,该视频针对接触过javaScript基础的学员录制,授课讲究通俗易懂.通过该视频的学习,相信您能够轻轻松松地掌握Ajax和jQue ...
jQuery小测试系列之jQuery基础知识
日期:2012-4-17 来源:GBin1.com 这是jQuery小测试系列第一部分:基础知识. 来源:jQuery小测试系列之jQuery基础知识
JQuery-学习笔记04【基础——JQuery基础案例】
Java后端学习路线笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
JQuery-学习笔记01【基础——JQuery基础】
Java后端学习路线笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
06 Jquery 基础
06 Jquery 基础前端学习之jquery: jQuery:一个库 Jquery的基础语法: $(selector).action() 基本选择器: <script>//基本选择器/ ...
java与jquery的选择器区别_java day44【JQuery 基础：概念，快速入门，JQuery对象和JS对象区别与转换，选择器，DOM操作，案例】...
第一章JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScrip ...
java jquery基础_day20:JQuery基础(超系统的JavaWEB全套教程)
今日内容 1.JQuery 基础: 概念快速入门 JQuery对象和JS对象区别与转换选择器 DOM操作案例 JQuery 基础: 1.概念: 一个JavaScript框架.简化JS开发 jQu ...
《jQuery基础》总结
目前,互联网上最好的jQuery入门教材,是Rebecca Murphey写的<jQuery基础>(jQuery Fundamentals).这本书虽然是入门教材,但也足足有100多页.我 ...

4.3.1 jQuery基础（2）

4.3.1 jQuery基础（2）

4.3.1 jQuery基础（2）相关推荐

最新文章

热门文章