第三章-JAVASCRIPT.pptVIP

4.3.1 jQuery主要可实现如下功能 获取文档中的元素。jQuery为准确地获取需要检查或操作的文档元素，提供了可靠而富有效率的选择符机制。 修改页面外观。jQuery提供了跨浏览器的标准解决方案，即使在页面呈现以后，仍能改变文档中某个部分的类或者个别的样式属性。 改变文档的内容。jQuery能够影响的范围并不局限于简单的外观变化，使用少量的代码，jQuery就能改变文档的内容。 响应用户的交互操作。jQuery提供了形形色色的页面事件的适当方式，而不需要使用事件处理程序使HTML代码看起来杂乱。此外，它的事件处理API也消除了经常困扰Web开发人员的浏览器不一致性问题。 为页面添加动态效果。为了实现某种交互行为，设计者必须向用户提供视觉上的反馈。jQuery内置的一批淡入、擦除之类的效果，以及制作新效果的工具包，为此提供了便利。 无需刷新页面从服务器获取信息。这种编程模式就是众所周知的AJAX，它能帮助Web开发人员创建出反应敏感、功能丰富的网站。jQuery通过消除这一过程中的浏览器特定的复杂性，使开发人员得以专注于服务器的功能设计。 简化常用的JavaScript任务。除了这些完全针对文档的特性之外，jQuery也提供了对基本的JavaScript结构（例如迭代和数组操作等）的增强。 4.3.1 jQuery script src=”../Script/jquery-1.6.2.js” type=”text/javascript” /script jQuery是作为一个js文件来分布的，可以从jQuery的官方网站 （/）下载最新的jQuery库文件。jQuery库有 三个版本：压缩版、开发版和Visual Studio文档版。其中开发 版是标准的JavaScript文件，具有注释、空格和换行。压缩版 是将标准版中的所有空白和注释删除以后得到的版本，这个版 本文件更小，下载速度更快，能够提高网页加载速度。使用jQ uery库不需要安装，只需在相关的HTML文档中简单地引用该 库文件的位置。方法与引用其它JavaScript文件相同，使用scri pt标记通过src属性指定要加载的文件，例如将jquery-1.6.2.js放 在目录scripts下，在HTML文档中的代码如下所示： 4.3.2 jQuery选择器 在jQuery中，无论使用哪种类型的选择器，都需要从一个美元符号和一对圆括号开始：$（）。所有能在样式表中使用的选择器，都能放到这个圆括号中的引号内。$（）是最经常使用的一个函数，其实，$（）就是jQuery的别名，只不过$（）语法更简洁，语句更短。 jQuery使用类似于CSS的选择器查找页面上的元素，然后进行各种操作，如更改样式、读取或设置文本、隐藏显示等，jQuery支持多种选择器，常用有以下几种： 1 元素选择器 元素选择器能够选择某一元素作为参数，如a、img、 input等。例如，tr表示选择所有tr元素，div表示选择所有div元素。 4.3.2 jQuery选择器 2 ID选择器 ID选择器是指根据一个元素的ID来选择元素。ID选择器的语法是以#开头，紧接着是元素的ID。例如$(“#button1”)将选择ID为button1的元素。ID选择器有时也和元素选择器一起使用，例如$(“div #main”)选中ID为main的div元素。 3 类选择器 类选择器可以根据元素的class属性进行选择。类选择器的语法是以.开头，紧接着是CSS类名。例如$(“.important”)将选择页面上所有应用了important类的元素。 4 后代选择器 如果在一个选择器后面有一个空格，再跟另外一个选择器，则表示选择包含在第一个选择器中的第二个选择器。例如，$(”div p”)将选择div中出现的所有p元素。 5 子元素选择器 如果一个选择器后面是一个大于号，后面再跟另一个选择器，则表示选择直接包在第一个选择器中的第二个选择器。 4.3.3 jQuery中关于DOM的操作 html() //返回元素内部的html内容 html(content) //content为字符串，将元素内容设置为content参数所指定值 使用jQuery最常见的功能就是对DOM元素的操作， 包括读取和设置其文本，修改其样式，添加、删除子元素 等。本节将介绍如何通过jQuery实现常见的DOM操作。 对于DOM元素的一个常见操作就是读取或设置其内 容，例如，获取TextBox的值，设置div标记中的内容，获 取或设置表格某单元格内文