jQuery 前端开发实战(视频教学版)电子书

封面页

书名页

版权页

内容简介

前言

目录

第1章　◄jQuery入门►

1.1　什么是jQuery

1.1.1　下载并配置jQuery运行环境

1.1.2　jQuery1.x、2.x和3.x的区别

1.1.3　jQuery与JavaScript的区别

1.1.4　编写第一个jQuery网页

1.2　jQuery 3的特色

1.2.1　jQuery 3的Strict Mode

1.2.2　支持for…of遍历

1.2.3　动画方面使用requestAnimationFrame API

1.2.4　支持SVG

1.2.5　:visible和:hidden新改变

1.3　选择jQuery的开发工具

1.4　认识jQuery库的基础知识

1.4.1　jQuery库的核心方法—— $()

1.4.2　jQuery代码的风格

1.4.3　jQuery库延迟等待加载模式

1.5　调试jQuery程序

1.5.1　在Chrome中调试

1.5.2　在Firefox中调试

1.6　常见问题

1.6.1　为什么要使用一些著名公司的CDN

1.6.2　写jQuery和直接写JavaScript的区别

1.6.3　jQuery与其他JavaScript库的区别

第2章　◄jQuery选择器►

2.1　基本选择器

2.1.1　标签选择器

2.1.2　id选择器

2.1.3　类选择器

2.1.4　使用选择器组合

2.1.5　使用*通配符选择器

2.2　层次选择器

2.2.1　后代选择器

2.2.2　父子选择器

2.2.3　相邻选择器

2.2.4　平级选择器

2.3　过滤选择器

2.3.1　基本过滤选择器

2.3.2　内容过滤选择器

2.3.3　可见性过滤选择器

2.3.4　属性过滤选择器

2.3.5　子元素过滤选择器

2.3.6　表单对象属性过滤器

2.4　表单选择器

2.5　常见问题

2.5.1　$("input")和$(":input")两个选择器的区别

2.5.2　子选择器和后代选择器的区别

2.5.3　获得class为sub的元素的子节点下的所有<a>标签

第3章　◄用jQuery来操作DOM►

3.1　修改元素属性

3.1.1　获取元素的属性

3.1.2　设置元素的属性

3.2　修改元素内容

3.3　动态创建内容

3.4　动态插入节点

3.5　动态删除节点

3.6　实例1：超链接提示效果

3.7　实例2：图片预览效果

3.8　常见问题

3.8.1　tagName和attribute的区别

3.8.2　attr方法和prop方法都用于获取元素的属性吗

第4章　◄jQuery的事件与事件对象►

4.1　jQuery中的事件

4.1.1　什么是事件

4.1.2　jQuery所支持的事件和事件类型

4.2　页面初始化事件

4.3　绑定事件

4.4　移除事件绑定

4.5　切换事件

4.6　表单中的常见事件

4.6.1　表单元素焦点的获取和失去

4.6.2　文本域高度的动态变化

4.6.3　表单的验证

4.7　常见问题

4.7.1　ready与load谁先执行

4.7.2　绑定事件是不是只有on方法

第5章　◄原始AJAX与jQuery中的AJAX►

5.1　两个AJAX的对比

5.1.1　原始AJAX应用举例

5.1.2　使用jQuery中的AJAX举例

5.2　使用jQuery的AJAX函数进行页面交互

5.2.1　使用AJAX快捷函数

5.2.2　使用底层函数ajax()

5.2.3　AJAX全局配置和事件

5.3　跨域的AJAX-JSONP

5.3.1　什么是JSONP

5.3.2　JSONP的实现原理

5.3.3　JSONP在jQuery中的应用

5.4　AJAX综合案例——数据实时更新的微博页面

5.4.1　微博的功能分析

5.4.2　微博实时更新的代码实现和效果演示

5.5　常见问题

5.5.1　jQuery中post和$.ajax的区别

5.5.2　jQuery AJAX中readyState和status的区别

第6章　◄jQuery中的动画效果►

6.1　jQuery库所支持的动画方法

6.1.1　基本动画方法

6.1.2　滑动动画方法

6.1.3　淡入淡出动画方法

6.2　实例1：实现可折叠的列表

6.3　实例2：按钮的淡入淡出效果

6.4　自定义动画animate

6.4.1　一个最简单的自定义动画

6.4.2　一个稍微复杂的自定义动画

6.5　常见问题

6.5.1　jQuery的动画是否能随时停止

6.5.2　是否可以用animate方法来操作所有CSS属性

第7章　◄jQuery插件►

7.1　认识jQuery插件

7.1.1　什么是插件

7.1.2　常用的插件网站

7.2　开发自己的插件

7.2.1　jQuery的插件类型

7.2.2　实例1：对象级别的插件开发

7.2.3　实例2：类级别的插件开发

7.3　用第三方插件创建自己的网站

7.3.1　网站结构设计

7.3.2　下载第三方插件

7.3.3　使用第三方插件

7.3.4　网站最终效果

7.4　常见问题

7.4.1　jQuery和jQuery插件的区别

7.4.2　开发或使用jQuery插件是否要注意版本

第8章　◄jQuery的UI插件►

8.1　基于jQuery的扩展——jQuery UI插件

8.2　下载jQuery UI插件

8.3　利用jQuery UI实现页面交互

8.3.1　拖动组件Draggable的使用

8.3.2　拖放组件Droppable的使用

8.3.3　实例：模拟Windows系统“回收站”

8.4　利用jQuery UI实现页面中的进度条

8.4.1　进度条工具集的使用

8.4.2　实例：实现进度条效果

8.5　利用jQuery UI实现页面中的滑动条

8.5.1　滑动条工具集的使用

8.5.2　实例1：实现图片滑块滚动条效果

8.5.3　实例2：实现简单颜色调色器

8.6　利用jQuery UI实现页面中的日历

8.6.1　日历DatePicker的使用

8.6.2　实例1：一个简单的日历应用

8.6.3　实例2：制作同时显示多个月份的日历

8.6.4　实例3：限制日历的选择范围

8.6.5　实例4：有动画效果的日历显示

8.7　利用jQuery UI实现手风琴效果

8.7.1　折叠面板工具集的使用

8.7.2　实例：实现经典的导航菜单

8.8　设计页面中各种对话框效果

8.8.1　对话框工具集的使用

8.8.2　实例：实现弹出和确认信息对话框效果

8.9　实现幻灯和分页效果

8.9.1　选项卡工具集的使用

8.9.2　实例1：经典的选项卡效果

8.9.3　实例2：实现幻灯效果

8.9.4　实例3：实现分页效果

8.10　常见问题

8.10.1　jQuery UI和jQuery Easy UI的区别

8.10.2　jQuery UI内容太多，如何实现自己定制

第9章　◄jQuery Mobile移动开发►

9.1　初步接触jQuery Mobile

9.1.1　下载jQuery Mobile

9.1.2　推荐使用Dreamweaver编辑器开发jQuery Mobile

9.1.3　创建第一个jQuery Mobile文件

9.1.4　在PC上测试jQuery Mobile

9.1.5　如何应用jQuery Mobile开发的页面

9.2　使用jQuery Mobile进行开发

9.2.1　选择页面中的元素

9.2.2　设置页面中元素的属性

9.3　应用jQuery Mobile中的控件

9.3.1　在界面中固定一个工具栏

9.3.2　使用按钮实现菜单界面

9.3.3　使用表单做一个手机版QQ登录

9.3.4　使用列表做一个类贴吧的应用

9.3.5　使用对话框实现一个相册

9.4　实例1：利用jQuery Mobile实现电子书阅读器

9.5　实例2：利用jQuery Mobile实现开发印象笔记

9.6　常见问题

9.6.1　jQuery Mobile为什么在切换页面时会出现白屏现象

9.6.2　data-rel="back"和data-direction="reverse"有什么区别

第10章　◄实战1：实现QQ邮箱附件的拖放上传功能►

10.1　认识FileDrop.js插件

10.1.1　下载FileDrop.js插件

10.1.2　使用插件实现文件拖拽上传

10.2　开发图片拖拽上传Web应用

10.2.1　HTML5文件上传功能

10.2.2　图片拖拽上传HTML代码

10.2.3　图片拖拽上传CSS代码

10.2.4　图片拖拽上传JS代码

10.2.5　图片拖拽上传服务器端PHP代码

10.2.6　图片拖拽上传Web应用最终效果

第11章　◄实战2：利用jQuery Mobile开发一个手机博客►

11.1　项目规划

11.2　主界面设计

11.3　文章列表的设计

11.4　文章内容页的实现

11.5　文章类的设计

11.6　测试环境的搭建

11.7　数据库的设计

11.8　内容页功能的实现

11.9　文章列表的实现

11.10　首页的实现

第12章　◄实战3：打造在线播放器►

12.1　认识MediaElement.js插件

12.1.1　下载音视频播放器插件

12.1.2　开发一个简单的播放器应用

12.1.3　使用MediaElement.js插件模仿Windows Media Player

12.2　实现在线播放器

12.2.1　在页面中添加MediaElement.js

12.2.2　构建播放器页面布局

12.2.3　播放器页面初始化

第13章　◄实战4：构建股票实时走势图►

13.1　准备jqChart图表插件

13.1.1　下载jqChart图表插件

13.1.2　开发一个柱状图应用

13.1.3　开发一个折线图应用

13.2　构建股票实时走势图

13.2.1　添加jqChart图表插件库文件

13.2.2　构建实时图页面的布局

13.2.3　模拟股票实时图的初始化

13.2.4　模拟股票实时走势图的最终效果