当前位置首页 > 百科> 正文

jQuery开发技术详解

2019-10-24 01:35:37 百科
jQuery开发技术详解

jQuery开发技术详解

《jQuery开发技术详解》是由季国飞编着的计算机套用技术类书籍;该书由电子工业出版社于2010年出版发行。全书共分三篇:第一篇介绍Web开发必备的基础知识,如JavaScript语言基本语法、DOM文档对象模型以及在Web开发中经常用到的工具等;第二篇介绍jQuery中的选择器、DOM操作、事件、动画效果以及AJAX等的使用;第三篇通过若干比较完整的实例来讲解jQuery在具体项目中的使用,如增强用户体验、AJAX跨域操作、与PHP配合构建动态网站、键盘操作以及将数据以可视化形式显示等。

基本介绍

  • 书名:jQuery开发技术详解
  • ISBN: 978-7-121-10417-6
  • 页数:472页
  • 出版社:电子工业出版社
  • 出版时间: 2010-3-1

内容简介

jQuery是目前在Web开发领域最流行的JavaScript库之一。本书通过理论与实践相结合的方式,由浅入深、循序渐进地介绍jQuery库的使用;同时又辅以大量真实开发案例,可以让用户很轻鬆地就能使用jQuery来增强网页的互动性,做出更好的Web前端产品以及各种更炫更酷的效果。
本书是一本注重jQuery理论与Web开发实践相结合的基础教程,适合各层次的Web开发人员阅读和参考。章与章之间的内容相对独立,读者可以根据自己的情况选择阅读。阅读本书的读者最好对XHTML/HTML /CSS有一定的了解。

前言

jQuery是一个优秀的开源JavaScript库。它的体积很小,代码风格独特而又优雅,改变了JavaScript程式设计师编写程式的方式和思路。jQuery库有一条设计理念,那就是“写的少,做的多”(write less, do more)。其独特的选择器、链式的DOM操作方式、事件绑定机制、封装完善的AJAX使其在众多优秀的JavaScript库中脱颖而出,独树一帜,赢得了众多使用者的拥护和信赖。
jQuery的语法简单易学,而且具有很强大的跨平台性,可以兼容多种核心的浏览器。目前,已经有一百多个外挂程式来扩充jQuery的功能,使得jQuery能满足几乎所有客户端的脚本开发。
但是,目前来说专门介绍jQuery的书籍还很少,中文的书籍更是少之又少,这就给国内一些想要学习jQuery的Web开发爱好者製造了不小的障碍。为了方便广大读者学习,本人花费将近一年的时间写作这本书。本书通过理论与实践相结合的方式,由浅入深、循序渐进地介绍jQuery库的使用;同时又辅以大量真实的开发案例,可以让用户很轻鬆地就能使用jQuery来增强网页的互动性,做出更好的Web前端产品以及各种更炫更酷的效果。
本书的特点
1.循序渐进,由浅入深
阅读本书不需要对jQuery有所了解,甚至对JavaScript也不需要有很深的了解。为了方便读者学习,本书在第一篇首先介绍Web开发的基础知识,如JavaScript的基础语法等,以期读者可以在不参考其他资料的情况下顺利过渡到jQuery的学习和使用。
2.技术全面,内容充实
本书是一本关于jQuery的初级入门读物。书中详细介绍了jQuery 1.3.2几乎所有的特性和属性,并对每个模组均有很翔实的实例讲解。以期读者对jQuery有个很好的整体把握,同时以后需要用到一些特性的时候,可以进行查阅。另外,本书还在开始介绍了Web开发的基础知识,如Web开发中比较常用的工具等,可以让读者从一个完全的门外汉很快变成业内人士。
3.图文结合,理解深刻
讲解技术类的知识,最好的方式就是面对面的讲授,但是图书却不太容易做到这一点。为了弥补这个缺憾,本书在讲解具体实例的时候,除了大量的注释、讲解之外,还辅以一些简洁明了的图片,以期让读者对实例以及jQuery效果有更直观的理解。
4.真实案例,随学随用
本书是一本注重实践的书。因此,有大量的篇幅用在了真实的Web开发案例中。本书第三篇通过若干比较完整的实例来讲解jQuery在具体项目中的使用,如增强用户体验、AJAX跨域操作、与PHP配合构建动态网站、键盘操作以及将数据以可视化形式显示等。读者可以通过这些实例对jQuery的理论知识有更加深刻的理解,同时,这些实例稍作修改,就可以用在读者正在开发的项目中去,来实现各种精彩的效果。
5.配有原始码光碟,加速学习
为了让初学者快速入门,本书配套光碟中附赠了本书中的所有原始码。读者可以参考阅读。但是,笔者依然强烈建议,在学习本书的时候应该边学边练。即便不能不看书直接写代码,最好也要对着书上的代码手工敲入一边,以加深印象以及自己对知识本身的理解。
篇 名 章 名 内容介绍
第一篇 jQuery预备基础篇 第1章 Web开发的发展与趋势 本章主要介绍当前Web开发的现状、Web的标準概念、Web 2.0与Web 1.0的区别与联繫,并通过当前的一些使用jQuery构建的大型网站,对jQuery能实现的效果进行简单介绍,以期读者对jQuery的强大有个更加直观的了解。
第2章 JavaScript基础 本章主要介绍JavaScript的基础知识,包括JavaScript中的变数、数据类型、操作符的使用、流程控制的方法,以及JavaScript数组以及函式的创建和使用。
第3章 文档对象模型(DOM) 本章主要介绍DOM的基本概念,如DOM的树结构以及节点的概念等。同时,也将介绍JavaScript中访问以及操作DOM节点的方法,包括获取元素、获取元素内的文本和元素内的HTML内容、创建一个新的DOM节点、插入或者删除一个DOM节点元素等。通过本章的介绍,读者可以对DOM的操作方式有所了解,为后续章节使用jQuery操作DOM元素做好铺垫。
第4章 工欲善其事,必先利其器——开发工具 本章将介绍网页设计过程中经常使用的工具,如SciTE、Notepad++等代码编辑工具,使用Blackbird、Firebug以及Venkman对JavaScript代码进行调试,以及Web Developer Toolbar工具列的使用、JavaScript代码的压缩及混淆工具等。这些工具可以有效地提高编写代码及设计网站的效率,有必要熟练掌握其使用方法。
第二篇 jQuery基础篇 第5章 jQuery快速上手 本章将介绍了jQuery的由来和优势,并对目前几个流行的JavaScript库进行了介绍和对比。另外还将演示一个最简单的jQuery程式,通过这个示例,让读者对jQuery的$(document).ready()函式有一个基本的认识,并对jQuery选择器的使用以及click()函式也有初步的概念。
第6章 使用选择器获得要操作的元素 本章将介绍jQuery选择器中的基本选择器、层次选择器以及滤镜选择器,滤镜选择器中又对基本滤镜选择器、子元素滤镜选择器、表单滤镜选择器以及属性滤镜选择器分别结合具体实例展开详细的介绍。
第7章 操作得到的元素 本章介绍jQuery中操作得到的元素以及元素集的方法,包括对属性、样式类、CSS以及内容的操作,对元素集查找以及筛选的函式,以及jQuery中的链式操作等。通过使用这些函式,可以很方便地操作页面上的任意元素。
续表
篇 名 章 名 内容介绍
第二篇 jQuery基础篇 第8章 使用jQuery进行DOM操作 本章介绍jQuery中比较常用的对页面上DOM元素的操作方式,包括在元素内部以及外部插入元素,对页面上的DOM元素进行包裹、替换、删除以及克隆等操作。通过熟练使用这些DOM元素操作函式,可以很方便地对页面内容进行操控,再结合其他效果函式的使用,将可以为用户提供更加强大且有很好用户体验的套用。
第9章 jQuery中的事件处理 本章介绍jQuery中的事件处理机制。jQuery在JavaScript基本的事件处理机制的基础上,对其进行了增强和扩展,使得jQuery事件处理不但有优雅的语法,而且功能也更加强大。本章首先介绍了$(document).ready()事件的概念、jQuery事件的绑定与反绑定、触发器等,并对jQuery中众多的内置事件类型作了简单的分类和介绍。
第10章 jQuery中的动画与效果 本章介绍jQuery中的动画与效果,包括隐藏与显示、滑动效果以及淡入淡出效果等。本章将结合实例讨论这些效果的实现和套用,并将介绍jQuery中使用animate自定义动画的方法,以及jQuery中动画伫列的概念及其使用方法。
第11章 jQuery 与AJAX 本章将介绍jQuery中AJAX的使用方法。首先介绍AJAX的实现原理及其最核心的组成部分XMLHttpRequest对象的概念和使用方式;然后介绍jQuery中用来支持AJAX的几个核心函式,包括load、get、post、getScript以及getJSON等,并对最核心的AJAX函式作了较为详细的介绍;同时,还将介绍jQuery中在使用AJAX时支持的几种伺服器端数据类型返回方式,以及jQuery在实现AJAX完整请求过程中的各个步骤以及各个阶段的主要功能。
第12章 回头重看jQuery——核心及工具 本章将对jQuery的核心方法进行回顾,主要介绍jQuery中对象访问的通用函式、jQuery中的数据快取机制和外挂程式机制,以及jQuery中的常用工具类。使用这些工具类,可以更方便地完成对浏览器检测、获得及处理数组与对象等操作。
第三篇 jQuery套用篇 第13章 jQuery增强用户体验 本章将介绍目前在Web设计领域比较流行的网站内容的动态载入技术的jQuery实现,如“高亮选单”、“载入提示”等,并将通过一个动态切换样式的例子进一步展示如何满足用户多元化、个性化的需求,对jQuery的cookie外挂程式也将有所介绍。
第14章 jQuery中使用AJAX跨域操作 本章将介绍使用jQuery中的AJAX技术进行跨域操作的方法,并通过对flickr、delicious以及Google AJAX Search等网站API调用的实例,演示Script方式以及JSONP方式在跨域操作中的套用。使用该特性,可以很容易地做出新颖有趣的混搭套用。
第15章 jQuery+ PHP动态网站实践 本章将介绍jQuery在PHP动态网站建站中的使用,通过两个实例来具体讲解:一个是构建网站的标籤云功能;一个是构建简单的微部落格系统。通过这些实例,读者可以了解,使用jQuery并结合一种动态脚本语言,可以实现很多很丰富的内容。
第16章 jQuery键盘操作 本章将介绍使用jQuery实现与键盘操作相关的功能,例如:如何在网页上使用快捷键进行页面内容的切换,或者使用jQuery来实现软键盘的操作等。
续表
篇 名 章 名 内容介绍
第三篇 jQuery套用篇 第17章 jQuery可视化数据显示 本章将介绍数据的可视化显示对用户的理解以及阅读带来的优越性,以及使用jQuery外挂程式对数据进行可视化的方法。在本章的实例中,将使用jQuery为其添加更加丰富的功能,例如Tooltip提示等,进一步增强了用户体验。读者可以在本文基础上对flot外挂程式进行深入研究,实现出更加複杂与实用的图表。
适合的读者
本书是一本注重jQuery理论与Web开发实践相结合的基础教程,章与章之间的内容相对独立,读者可以根据自己的情况选择阅读。适合各层次的Web开发人员阅读和参考,主要适合于:
Web前端开发人员
Web后台设计人员
Web设计爱好者
大中专院校学生
本书作者
本书由季国飞编写,参与编写的人员有昊燃、方振宇、陈冠佐、傅奎、陈勤、梁洋洋、毕梦飞、陈庆、柴相花、陈非凡、陈华、陈嵩、承卓、陈先在,在此表示感谢!
季国飞
2010年1月

目录

第一篇 jQuery预备基础篇
第1章 Web开发的发展与趋势 2
1.1 Web标準 2
1.1.1 XML 3
1.1.2 XHTML 3
1.1.3 CSS 4
1.1.4 DOM 4
1.1.5 ECMAScript 5
1.2 传统网际网路与Web 2.0 5
1.2.1 传统网路Web 1.0 5
1.2.2 最近的新宠Web 2.0 6
1.3 jQuery能做什幺 11
1.3.1 更加丰富的导航选单 11
1.3.2 Tab内容的切换 13
1.3.3 人性化的提示信息 13
1.3.4 可定製的用户内容 14
1.3.5 动态的图片展示效果 15
1.3.6 AJAX实时局部刷新 16
1.3.7 数据的可视化显示 17
1.4 jQuery知识体系及学习建议 17
1.4.1 jQuery知识体系 17
1.4.2 学习建议 19
1.5 小结 19
第2章 JavaScript基础 20
2.1 什幺是JavaScript 20
2.2 语法规则 21
2.2.1 大小写敏感 21
2.2.2 空格、换行与可选的分号 23
2.2.3 注释 25
2.2.4 关键字和保留字 26
2.2.5 在页面上插入JavaScript代码 28
2.3 变数 29
2.3.1 变数的命名 29
2.3.2 变数的声明 30
2.3.3 变数的使用 32
2.3.4 全局变数和局部变数 33
2.4 JavaScript中的数据类型 35
2.4.1 字元串类型 36
2.4.2 数值类型 37
2.4.3 布尔类型 37
2.4.4 undefined类型 38
2.4.5 null类型 40
2.4.6 NaN类型 40
2.5 数据类型间转换 41
2.5.1 使用toString()转换为字元串 41
2.5.2 使用parseInt()转换为整型数 43
2.5.3 使用parseFloat()转换为浮点数 45
2.6 JavaScript操作符 47
2.6.1 比较操作符 47
2.6.2 逻辑操作符 48
2.6.3 JavaScript操作符优先权 49
2.7 流程控制 50
2.7.1 条件语句 50
2.7.2 循环语句 54
2.8 数组 56
2.8.1 创建一个数组 57
2.8.2 使用数组元素 58
2.8.3 使用多维数组 58
2.9 函式 59
2.9.1 函式的定义 59
2.9.2 函式的参数及返回值 60
2.10 小结 61
第3章 文档对象模型(DOM) 62
3.1 什幺是DOM 62
3.2 DOM的结构和节点 63
3.2.1 DOM的树结构 63
3.2.2 DOM中的节点 65
3.3 访问DOM节点 67
3.3.1 按id取元素:getElementById() 67
3.3.2 按标籤名取元素集:getElementsByTagName() 68
3.4 操作元素内的文本 70
3.5 操作元素内的HTML 72
3.6 修改DOM节点 73
3.6.1 创建DOM节点 74
3.6.2 插入DOM节点 76
3.6.3 删除DOM节点 78
3.7 小结 80
第4章 工欲善其事,必先利其器——开发工具 81
4.1 代码编辑工具 81
4.1.1 SciTE 81
4.1.2 Notepad++ 82
4.1.3 Dreamweaver 83
4.2 调试工具 84
4.2.1 使用Blackbird进行调试 84
4.2.2 使用Firebug进行调试 85
4.2.3 使用Venkman进行调试 91
4.3 其他工具 92
4.3.1 Web Developer Toolbar 92
4.3.2 JavaScript压缩混淆工具 99
4.4 小结 100
第二篇 jQuery基础篇
第5章 jQuery快速上手 102
5.1 什幺是jQuery 102
5.2 为什幺选择jQuery 102
5.2.1 当前流行JavaScript库比较 103
5.2.2 jQuery的优势 106
5.3 配置jQuery开发环境 107
5.3.1 获取jQuery最新版本 107
5.3.2 jQuery库类型说明 108
5.3.3 在页面中引用jQuery库 108
5.3.4 jQuery 1.2.6新特性及主要改变 110
5.3.5 jQuery 1.3.2新特性及主要改变 112
5.4 準备HTML和CSS代码 114
5.4.1 演示框架目录结构 115
5.4.2 HTML代码 115
5.4.3 CSS代码 117
5.5 编写jQuery代码 119
5.6 小结 122
第6章 使用选择器获得要操作的元素 123
6.1 CSS选择器 123
6.1.1 使用CSS选择器 123
6.1.2 通配选择器 124
6.1.3 标籤选择器 124
6.1.4 ID选择器 125
6.1.5 类选择器 125
6.1.6 后代选择器 126
6.1.7 子元素选择器 127
6.1.8 相邻兄弟选择器 127
6.1.9 属性选择器 128
6.2 jQuery选择器 130
6.2.1 基本选择器 130
6.2.2 层次选择器 135
6.2.3 基本滤镜选择器 139
6.2.4 子元素滤镜选择器 151
6.2.5 表单滤镜选择器 156
6.2.6 属性滤镜选择器 164
6.3 小结 167
第7章 操作得到的元素 168
7.1 操作属性 168
7.1.1 读取属性 168
7.1.2 修改属性 170
7.1.3 删除属性 173
7.2 操作样式类 174
7.2.1 添加样式类 174
7.2.2 去除样式类 176
7.2.3 交替样式类 177
7.3 操作CSS 178
7.3.1 读取CSS样式 178
7.3.2 设定CSS样式 180
7.3.3 获得元素偏移信息 182
7.3.4 获得和设定高度 183
7.3.5 获得和设定宽度 185
7.4 操作内容 186
7.4.1 操作HTML代码 186
7.4.2 操作文本 188
7.4.3 操作值 190
7.5 查找与筛选元素 193
7.5.1 过滤元素集 193
7.5.2 在元素集中查找 197
7.6 链式操作 202
7.6.1 使用链式操作 203
7.6.2 结束当前操作对象 205
7.6.3 添加当前操作对象到先前对象 207
7.7 小结 208
第8章 使用jQuery进行DOM操作 209
8.1 在元素内部插入DOM元素 209
8.2 在元素外部插入DOM元素 214
8.3 包裹DOM元素 217
8.3.1 使用指定的元素标记进行包裹 217
8.3.2 使用HTML标记进行包裹 220
8.3.3 包裹内部元素 222
8.4 替换DOM元素 223
8.5 删除DOM元素 225
8.6 克隆DOM元素 227
8.7 小结 229
第9章 jQuery中的事件处理 230
9.1 页面载入完毕回响事件 230
9.1.1 jQuery中的$(document).ready()事件 230
9.1.2 window.onload()事件和$(document).ready()事件的比较 231
9.2 绑定与反绑定事件监听器 233
9.2.1 绑定事件 233
9.2.2 反绑定事件 238
9.2.3 一次性的事件绑定 239
9.3 事件触发器 241
9.3.1 trigger触发事件 241
9.3.2 triggerHandler触发事件 244
9.4 事件的互动处理 245
9.4.1 hover:模仿滑鼠悬停 246
9.4.2 toggle:多次单击的循环回响 247
9.5 jQuery内置事件类型 248
9.5.1 jQuery内置事件函式的两种声明方式 249
9.5.2 jQuery内置事件类型分类 250
9.6 小结 253
第10章 jQuery中的动画与效果 254
10.1 基本效果 254
10.1.1 隐藏元素 254
10.1.2 显示元素 258
10.1.3 交替显示隐藏 259
10.2 滑动效果 260
10.2.1 向上收缩效果 260
10.2.2 向下展开 262
10.2.3 交替伸缩样式 262
10.3 淡入淡出效果 263
10.3.1 淡入效果 263
10.3.2 淡出效果 265
10.3.3 自定义不透明度 265
10.4 自定义动画效果 266
10.4.1 自定义动画 266
10.4.2 jQuery动画伫列 270
10.5 小结 273
第11章 jQuery与AJAX 274
11.1 AJAX的套用 274
11.1.1 AJAX的历史 274
11.1.2 AJAX经典套用 275
11.2 AJAX原理与XMLHttpRequest对象 278
11.2.1 AJAX的原理 279
11.2.2 XMLHttpRequest对象 281
11.3 jQuery中的AJAX 284
11.3.1 load()、get()和post()函式 284
11.3.2 ajax函式 294
11.3.3 getScript及getJSON函式 300
11.4 jQuery中的AJAX伺服器端返回方式 304
11.4.1 html方式 305
11.4.2 text方式 307
11.4.3 xml方式 308
11.4.4 script方式 316
11.4.5 json方式 316
11.5 jQuery中的AJAX事件 318
11.5.1 AJAX局部事件 318
11.5.2 AJAX全局事件 320
11.6 小结 323
第12章 回头重看jQuery——核心及工具 324
12.1 核心函式 324
12.1.1 核心函式形式 324
12.1.2 使用核心函式 326
12.2 jQuery对象访问 329
12.2.1 获得长度 329
12.2.2 获得其中某个对象 329
12.2.3 遍历对象集 332
12.3 数据快取 333
12.3.1 隐藏数据 333
12.3.2 设定和获取元素的快取数据 334
12.3.3 删除快取数据 336
12.4 jQuery常用工具类 337
12.4.1 浏览器相关 337
12.4.2 数组与对象相关 340
12.4.3 其他功能性函式 348
12.5 jQuery外挂程式机制 349
12.5.1 jQuery.extend(object) 350
12.5.2 jQuery.fn.extend(object) 351
12.6 小结 352
第三篇 jQuery套用篇
第13章 jQuery增强用户体验 354
13.1 动态载入显示内容 354
13.1.1 设计网站外观及显示 354
13.1.2 jQuery 动态载入内容 356
13.2 改进:增强用户体验 358
13.2.1 高亮当前选中选单 358
13.2.2 载入时提示“正在载入…” 359
13.3 动态切换样式 361
13.3.1 jQuery样式切换简单实现 361
13.3.2 使用Cookie保存用户选项 363
13.3.3 使用jQuery.cookie外挂程式 366
13.4 小结 368
第14章 jQuery中使用AJAX跨域操作 369
14.1 跨域操作的实现方式 369
14.1.1 Script方式实现跨域操作 369
14.1.2 JSONP方式实现跨域操作 371
14.2 跨域操作flickr网站API 374
14.3 跨域操作delicious网站API 378
14.4 跨域操作Google AJAX Search API 382
14.5 小结 388
第15章 jQuery+PHP动态网站实践 389
15.1 标籤云(Tag Cloud) 389
15.1.1 标籤云的概念与使用 389
15.1.2 标籤云显示样式设计 390
15.1.3 设计MySQL资料库 394
15.1.4 构建PHP代码 395
15.1.5 构建jQuery代码 398
15.2 类twitter微部落格系统 399
15.2.1 微部落格系统 400
15.2.2 设计MySQL资料库 403
15.2.3 构建PHP代码及jQuery代码 404
15.2.4 功能改进:增加字数统计功能 408
15.3 小结 410
第16章 jQuery键盘操作 411
16.1 键盘快捷键动态切换页面 411
16.1.1 需求与最终效果 411
16.1.2 HTML及CSS代码 412
16.1.3 jQuery代码 416
16.2 使用外挂程式进行改进 420
16.2.1 存在的问题 420
16.2.2 js-hotkeys外挂程式的使用 421
16.2.3 使用js-hotkeys外挂程式改进本章示例 423
16.3 软键盘的实现 425
16.3.1 软键盘的使用 425
16.3.2 準备HTML及CSS代码 425
16.3.3 构建jQuery代码 430
16.3.4 最终效果 433
16.4 小结 435
第17章 jQuery可视化数据显示 436
17.1 数据的可视化显示 436
17.2 使用flot外挂程式可视化数据显示 438
17.2.1 flot外挂程式介绍 438
17.2.2 準备HTML及CSS代码 439
17.2.3 构建jQuery代码 442
17.2.4 实现折点上的Tooltip显示 448
17.3 小结 451
声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:baisebaisebaise@yeah.net