jQuery、jQueryUI及jQueryMobile技巧与示例
2020-04-15 15:23:17 0 举报
AI智能生成
jQuery、jQueryUI及jQueryMobile技巧与示例
作者其他创作
大纲/内容
第二部分 UI
6 与用户交互
6.1 下载和安装jQuery UI
6.2 技巧:拖曳元素
6.2.1 为可拖曳元素添加样式
6.2.2 设置可拖曳组件的选项
6.2.3 捕获可拖曳组件的事件
6.2.4 调用可拖曳组件的方法
6.3 技巧:放置元素
6.3.1 为可放置元素添加样式
6.3.2 设置可放置组件的选项
6.3.3 捕获可放置组件的事件
6.3.4 调用可放置组件的方法
6.4 技巧:使用可排序组件更改元素的顺序
6.4.1 为可排序元素添加样式
6.4.2 设置可排序组件的选项
6.4.3 捕获可排序组件的事件
6.4.4 调用可排序组件的方法
6.5 示例:对树结构中的元素排序
6.6 技巧:从无序列表中选取元素
6.6.1 为可选取元素添加样式
6.6.2 设置可选取组件的选项
6.6.3 捕获可选取组件的事件
6.6.4 调用可选取组件的方法
6.7 示例:在树结构中选取元素
6.8 技巧:调整元素大小
6.8.1 为可调整大小元素添加样式
6.8.2 设置可调整大小组件的选项
6.8.3 捕获可调整大小组件的事件
6.8.4 调用可调整大小组件的方法
小结
7 与微件交互[5]
7.1 技巧:使用折叠菜单微件组织内容
7.1.1 为折叠菜单元素添加样式
7.1.2 设置折叠菜单的选项
7.1.3 捕获折叠菜单的事件
7.1.4 调用折叠菜单的方法
7.2 技巧:使用自动补全微件提示输入值
7.2.1 为自动补全元素添加样式
7.2.2 设置自动补全的选项
7.2.3 捕获自动补全的事件
7.2.4 调用自动补全的方法
7.3 技巧:将元素转换为按钮微件
7.3.1 为按钮元素添加样式
7.3.2 设置按钮的选项
7.3.3 捕获按钮的事件
7.3.4 调用按钮的方法
7.4 示例:使用按钮集装饰单选框
7.5 技巧:使用日历微件选择日期
7.5.1 为日历元素添加样式
7.5.2 设置日历的选项
7.5.3 捕获日历的事件
7.5.4 调用日历的方法
7.6 技巧:使用对话框微件引起注意
7.6.1 为对话框元素添加样式
7.6.2 设置对话框的选项
7.6.3 捕获对话框的事件
7.6.4 调用对话框的方法
7.7 技巧:使用进度条微件显示进程的状态
7.7.1 为进度条元素添加样式
7.7.2 设置进度条的选项
7.7.3 捕获进度条的事件
7.7.4 调用进度条的方法
7.8 技巧:使用滑块微件获取数字
7.8.1 为滑块元素添加样式
7.8.2 设置滑块的选项
7.8.3 捕获滑块的事件
7.8.4 调用滑块的方法
7.9 技巧:使用选项卡微件导航页面
7.9.1 为选项卡元素添加样式
7.9.2 设置选项卡的选项
7.9.3 捕获选项卡的事件
7.9.4 调用选项卡的方法
小结
第三部分 jQuery Mobile
8 更改外观
8.1 更改jQuery UI组件的样式
8.2 使用jQuery Core创建动画
8.3 技巧:使用jQuery UI的颜色动画
8.4 技巧:使用jQuery Core中的fade和slide特效来隐藏元素
8.5 技巧:使用jQuery UI添加图形特效
8.6 技巧:使用jQuery UI的添加和移除CSS类的动画
8.7 技巧:以图表的方式显示jQuery UI中的所有缓动函数
8.8 技巧:显示jQuery UI中的所有图标
8.9 技巧:使用Promise在动画结束时执行代码
8.10 技巧:使用queue和dequeue在动画之间执行代码
小结
9 使用jQuery Mobile来导航页面
9.1 技巧:搭建jQuery Mobile基础页面
9.2 技巧:用单个HTML文件服务多张页面
9.3 技巧:更改标题元素
9.4 技巧:使用AJAX加载外部页面
9.5 技巧:显示页面正在加载的信息
9.6 技巧:不使用AJAX而链接至外部页面
9.7 技巧:指定过渡动画
9.8 技巧:指定自定义的过渡动画
9.9 技巧:监听Mobile事件
9.10 技巧:生成回退按钮
9.11 技巧:在页面下方添加footer
9.12 技巧:跨页面时固定footer
9.13 技巧:将footer的位置保持固定
9.14 技巧:隐藏和显示footer
9.15 技巧:优化header和footer以便全屏查看
9.16 技巧:使用主题来更改配色方案
9.17 技巧:使用多个列
9.18 技巧:利用JavaScript调用来变更页面
9.19 技巧:利用JavaScript调用加载页面
9.20 技巧:向jQuery Mobile中的DOM结点添加数据
9.21 技巧:利用jQuery Mobile的辅助函数
小结
10 与jQuery Mobile交互
10.1 技巧:在content里面显示工具栏
10.2 技巧:显示警告栏
10.3 技巧:向footer元素中添加菜单栏
10.4 技巧:使用导航栏进行导航
10.5 技巧:使用collapsible来显示和隐藏元素
10.6 技巧:使用collapsible集合来添加折叠菜单的行为
10.7 技巧:使用表单字段来获取基本的文本框
10.8 技巧:获取日历输入框
10.9 技巧:显示输入框时使用替代键盘
10.10 技巧:显示专门的输入框
10.11 技巧:使用滑块来获取整数
10.12 技巧:使用快速开关来设置二进制值
10.13 技巧:使用单选框选取单个元素
10.14 技巧:使用复选框选取多个元素
10.15 技巧:从下拉列表选取元素
10.16 技巧:关闭jQuery Mobile而显示原生的表单
10.17 技巧:显示元素列表
10.18 技巧:筛选列表元素
10.19 技巧:将表单元素按列表分组
小结
第四部分 插件
11 创建插件
11.1 技巧:构建简单的静态插件
11.2 技巧:创建简单的“有上下文”的插件
11.3 技巧:链接jQuery函数和插件
11.4 技巧:参数化插件
11.5 技巧:提供默认参数
11.6 技巧:使用方法来操作插件
11.7 技巧:创建“创建插件的插件”
11.8 技巧:注册和调用回调函数
11.9 技巧:向回调函数传递上下文
11.10 技巧:返回Deferred对象来分别调用成功和出错时的回调函数
11.11 技巧:返回Promise来保护内部实现
11.12 技巧:演示Promise 的保护机制
11.13 技巧:使用Promise来控制流的结构
11.14 技巧:在调用最后的回调函数之前显示进度
11.15 技巧:向回调函数传递上下文
11.16 技巧:向进度函数传递上下文
小结
12 使用第三方插件
12.1 技巧:显示模态框
12.2 技巧:使用下拉菜单
12.3 技巧:使用滚动侦测
12.4 技巧:变换选项卡
12.5 技巧:添加工具提示
12.6 技巧:添加提示面板
12.7 技巧:警告用户
12.8 技巧:按钮控件
12.9 技巧:折叠内容
12.10 技巧:将内容置于轮播插件中
12.11 技巧:将输入提示用于自动补全
小结
对本书的赞誉
译者简介
第一部分 核心基础
1 jQuery入门
1.1 技巧:jQuery基本使用简介
1.2 技巧:和其他库一起使用jQuery
1.3 技巧:检测jQuery版本
1.4 技巧:使用each()迭代数组
1.5 技巧:使用map()操作数组
1.6 技巧:使用数组元素
1.7 技巧:使用index()获取元素的位置
1.8 技巧:使用grep()在数组中查找元素
1.9 技巧:使用length()检测元素集的大小
1.10 技巧:获取HTML5的data-属性
1.11 技巧:使用data()存储元素数据
1.12 技巧:使用removeData()移除元素数据
1.13 技巧:检验和操作变量
1.14 技巧:使用extend()扩展对象
1.15 技巧:序列化表单中的数据
1.16 技巧:检测浏览器支持的特性
小结
2 选取元素
2.1 技巧:使用add()合并两个元素集
2.2 技巧:使用filter()优化选取集
2.3 技巧:使用find()和children()选取后代元素
2.4 技巧:使用has()选取元素、使用is()检测元素
2.5 技巧:使用伪选择器选取表单元素
2.6 技巧:嵌套选择器
2.7 技巧:模拟CSS的hover选择器
2.8 技巧:使用contains()选取文本
2.9 示例:高亮显示单个词
2.10 技巧:创建自定义选择器
2.11 技巧:限制选取上下文的范围
小结
3 修改页面
3.1 技巧:添加类
3.2 示例:移除类
3.3 技巧:生成类名
3.4 技巧:更改property和attribute
3.5 技巧:更改元素的HTML内容
3.6 技巧:使用append()和appendTo()添加内容
3.7 示例:添加函数的返回结果
3.8 技巧:使用prepend()和prependTo()添加内容
3.9 技巧:使用jQuery动态生成HTML
3.10 技巧:添加和分离元素
3.11 技巧:使用clone()复制元素
3.12 技巧:在指定的位置插入元素
3.13 示例:向上和向下移动列表项
3.14 技巧:移除元素
3.15 技巧:包裹和解包元素
小结
4 监听和响应事件
4.1 技巧:监听鼠标事件
4.2 示例:在画布上绘图
4.3 技巧:监听键盘事件
4.4 技巧:监听表单事件
4.5 技巧:监听滚轮事件
4.6 技巧:使用live()和die()添加中枢事件监听器[15]
4.7 技巧:使用delegate()将事件委托给指定的祖先元素
4.8 技巧:使用proxy()更改函数的执行上下文
小结
5 与服务器通信
5.1 技巧:使用Node.js安装示例服务器
5.2 技巧:执行GET请求
5.3 技巧:直接加载HTML
5.4 技巧:使用Promise处理结果[18]
5.5 技巧:处理服务器错误
5.6 技巧:捕获“页面未找到”结果
5.7 技巧:处理页面重定向
5.8 技巧:设置请求的超时时间
5.9 技巧:传递HTTP首部
5.10 示例:在服务器端验证表单输入
5.11 技巧:加载XML
5.12 技巧:监听AJAX事件
5.13 技巧:从外部服务器读取JSONP
小结
0 条评论
下一页
为你推荐
查看更多