第1章 jQuery入门
今天的万维网是一个动态的环境,Web用户对网站的设计和功能都提出了高要求。为了构建有吸引力的交互式网站,***们借助于像jQuery这样的JavaScript库,实现了常见任务的自动化和复杂任务的简单化。jQuery库广受欢迎的一个原因,就是它对种类繁多的开发任务都能游刃有余地提供帮助。
由于jQuery的功能如此丰富多样,找到合适的切入点似乎都成了一项挑战。不过,这个库的设计秉承了一致性与对称性原则,它的大部分概念都是从HTML和CSS(Cascading Style Sheet,层叠样式表)的结构中借用而来的。鉴于很多Web开发人员对这两种技术比对JavaScript更有经验,所以编程经验不多的设计者能够快速学会使用该库。实际上,在本书开篇第1章中,只需3行代码就能编写一个有用的jQuery程序。另一方面,经验丰富的程序设计人员也会受益于这种概念上的一致性,通过学习后面的更**内容,你会感受到这一点。但是,在举例说明如何使用这个库之前,我们应该首先讨论一下选择它的理由。
1.1 jQuery能做什么
jQuery库为Web脚本编程提供了通用的抽象层,使得它几乎适用于任何脚本��程的情形。由于它容易扩展而且不断有新插件面世增强它的功能,所以一本书根本无法涵盖它所有可能的用途和功能。抛开这些不谈,仅就其核心特性而言,jQuery能够满足下列需求:
取得页面中的元素。如果不使用JavaScript库,遍历DOM(Documem Object Model,文档对象模型)树,以及查找HTML文档结构中某个特殊的部分,必须编写很多行代码。jQuery为准确地获取需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制。
修改页面的外观。css虽然为影响文档呈现的方式提供了一种强大的手段,但当所有浏览器不完全支持相同的标准时,单纯使用CSS就会显得力不从心。jQuery可以弥补这一不足,它提供了跨浏览器的标准解决方案。而且,即使在页面已经呈现之后,jQuery仍然能够改变文档中某个部分的类或者个别的样式属性。
改变页面的内容。jQuery能够影响的范围并不局限于简单的外观变化,使用少量的代码,jQuery就能改变文档的内容。可以改变文本、插入或翻转图像、对列表重新排序,甚至,对HTML文档的整个结构都能重写和扩充——所有这些只需一个简单易用的API。
响应用户的页面操作。即使是*强大和*精心设计的行为,如果我们无法控制它何时发生,那它也毫无用处。jQuery提供了截取形形色色的页面事件(比如用户单击一个链接)的适当方式,而不需要使用事件处理程序搞舌LHTML代码。此外,它的事件处理API也消除了经常困扰Web开发人员的浏览器不一致性。
为页面添加动态效果。为了实现某种交互式行为,设计者也必须向用户提供视觉上的反馈。jQuery中内置的一批淡入、擦除之类的效果,以及制作新效果的工具包,为此提供了便利。
无需刷新页面即可从服务器获取信息。这种编程模式就是众所周知的AJAX(AsynchronousJavaScript and XML,异步JavaScript和XML),它能辅助Web开发人员创建出反应灵敏、功能丰富的网站。jQuery通过消除这一过程中的浏览器特定的复杂性,使开发人员得以专注于服务器端的功能设计。
……