jQueryUI开发指南PDF电子书下载

第1章jQuery UI介绍 1

1.1 j Query UI的安装 1

1.2 jQuery UI概览 2

1.3什么是CSS主题 3

1.4在HTML页面中应该引入哪些文件 4

1.4.1未压缩文件 4

1.4.2压缩文件 6

1.5更换CSS主题 8

1.6准备开始 8

第2章 选项卡 9

2.1选项卡的基本用法 9

2.2格式化内容 11

2.3 tabs（）方法 13

2.3.1 tabs （options）方法 13

2.3.2 tabs （“action”， params）方法 14

2.4 bind（）方法 15

2.5使用选项卡的示例 16

2.5.1动态创建选项卡 16

2.5.2使用Ajax修改选项卡的内容 17

2.5.3通过Ajax把信息传输给服务器 18

2.5.4使用选项卡的add方法 20

2.5.5使用tabsadd事件 21

第3章 折叠菜单 23

3.1折叠菜单的基本用法 23

3.2格式化内容 25

3.3 accordion（）方法 27

3.3.1 accordion （options）方法 27

3.3.2 accordion （“action”， params）方法 29

3.4在折叠菜单上使用bind（）管理事件 29

3.5使用折叠菜单的示例 30

3.5.1打开任意菜单 30

3.5.2用Ajax加载菜单内容：使用options 31

3.5.3用Ajax加载菜单的内容：使用accordionchange 32

第4章 对话框 34

4.1对话框的基本用法 34

4.2格式化内容 36

4.3 dialog（）方法 38

4.3.1 dialog （options）方法 38

4.3.2 dialog （“act ion”， params）方法 42

4.4在对话框中使用bind（）处理事件 42

4.5使用对话框的示例 43

4.5.1打开和关闭对话框 43

4.5.2在打开或者关闭对话框时应用特效 45

4.5.3在关闭对话框时进行验证 45

4.5.4隐藏关闭按钮 46

4.5.5在对话框中插入按钮 47

4.5.6使用Ajax插入内容 48

4.5.7使用特效来更改对话框的行为 50

第5章 按钮 53

5.1按钮的基本用法 53

5.2格式化内容 54

5.3 button（）方法 55

5.3.1 button （options）方法 55

5.3.2 button （“action”， params）方法 57

5.4在按钮上使用bind（）处理事件 57

5.5单选按钮 57

5.5.1显示单选按钮 57

5.5.2使用buttonset（）方法改进显示 58

5.6复选框 59

5.6.1显示复选框 60

5.6.2使用buttonset（）方法改进显示 60

5.7使用按钮的示例 61

5.7.1在按钮上显示图标 61

5.7.2创建计算器 64

第6章 进度条 71

6.1进度条的基本用法 71

6.2格式化内容 72

6.3 progressbar（）方法 73

6.3.1 progressbar （options）方法 73

6.3.2 progressbar （“action”， params）方法 73

6.4在进度条上使用bind（）处理事件 74

6.5使用进度条的示例 74

6.5.1逐渐填充进度条 74

6.5.2在完成过程中的不同阶段进行处理 75

第7章 滑块 77

7.1滑块的基本用法 77

7.2格式化内容 78

7.3slider（）方法 79

7.3.1 slider （options）方法 79

7.3.2 slider （“action”， params）方法 81

7.4在滑块上使用bind（）管理事件 82

7.5使用滑块的示例 82

7.5.1显示单个游标的值 82

7.5.2显示两个游标的值 84

7.5.3使用滑块来调整图片的透明度 85

第8章 日历 87

8.1日历的基本用法 87

8.2格式化内容 88

8.3 datepicker（）方法 90

8.3.1 datepicker （options）方法 90

8.3.2 datepicker （“action”， params）方法 95

8.4使用日历的示例 95

8.4.1用其他语言显示日历 95

8.4.2在日历中显示多个月份 96

8.4.3显示静态日历 99

8.4.4指定最小及最大日期 99

8.4.5禁止选择特定的日期 100

8.4.6预先选择任意日期 101

8.4.7在选择日期时执行Ajax请求 104

第9章 自动补全 106

9.1自动补全的基本用法 106

9.2格式化内容 107

9.3 autocomplete（）方法 109

9.3.1 autocomplete （options）方法 109

9.3.2 autocomplete （“action”， params）方法 110

9.4在建议列表上使用bind（）管理事件 111

9.5使用自动补全机制的示例 112

9.5.1指定建议列表的宽度 112

9.5.2打开HTML页面时即显示建议列表 113

9.5.3在输入框获得焦点时显示建议列表 114

9.5.4为建议列表的显示营造特效 114

9.5.5动态创建建议列表 115

9.5.6基于用户输入的数据动态创建建议列表 116

9.5.7在建议列表中插入图片 118

第10章 拖放 122

10.1 draggable（）方法 122

10.1.1 draggable （options）方法 122

10.1.2 draggable （“action”， params）方法 127

10.2在移动元素上使用bind（）管理事件 127

10.3使用拖动功能的示例 128

10.3.1在移动过程中执行额外处理 128

10.3.2给移动施加一些限制 129

10.4 droppable（）方法 135

10.4.1 droppable （options）方法 135

10.4.2 droppable （“action”， params）方法 137

10.5在保管元素上使用bind（）管理事件 138

10.6使用放置功能的示例：购物车 138

10.6.1使用拖放功能来创建一辆购物车 138

10.6.2给购物车的放置过程添加视觉特效 141

10.6.3从购物车中移除图书 142

第11章 选择元素 145

11.1选择元素的基本用法 145

11.2格式化内容 146

11.3 selectable（）方法 149

11.3.1 selectable （options）方法 149

11.3.2 selectable （“action”， params）方法 150

11.4在选区中使用bind（）管理事件 151

11.5使用选择机制的示例 151

11.5.1显示选择序列中的事件发生顺序 151

11.5.2禁止选择某特定元素 153

11.5.3禁止通过点击来选择元素 155

11.5.4管理购物车 156

第12章 页面内的元素调序 159

12.1元素调序的基本用法 159

12.2格式化内容 160

12.3 sortable（）方法 162

12.3.1 sortable （options）方法 162

12.3.2 sortable （“action”， params）方法 168

12.4使用bind（）管理元素调换事件 168

12.5使用元素调序机制的示例 169

12.5.1显示事件出现的顺序 169

12.5.2在列表中放置任何元素 175

第13章 缩放 181

13.1缩放的基本用法 181

13.2格式化内容 182

13.2 resizable（）方法 183

13.2.1 resizable （options）方法 183

13.3.2 resizable （“action”， params）方法 186

13.4在缩放元素上使用bind（）处理事件 187

13.5使用缩放机制的示例 187

13.5.1缩放时显示元素的尺寸 187

13.5.2缩放时显示元素的位置 188

13.5.3在缩放过程中执行动画 189

13.5.4创建一个可缩放的文本框 191

第14章jQuery UI中的视觉特效 194

14.1新的视觉特效 194

14.1.1 effect （effectName， options， duration， callback）方法 194

14.1.2 blind特效 195

14.1.3 bounce特效 196

14.1.4 shake特效 197

14.1.5 clip特效 197

14.1.6 drop特效 198

14.1.7 explode特效 200

14.1.8 fold特效 201

14.1.9 highlight特效 201

14.1.10 puff特效 202

14.1.11 pulsate特效 203

14.1.12 scale特效 204

14.1.13 size特效 204

14.1.14 slide特效 205

14.2 show（）、hide（）以及toggle方法 206

14.3 jQuery UI提供的增强的animate（）方法 207

14.3.1管理颜色的CSS属性 208

14.3.2新的easing选项值 209

14.4使用CSS类生成特效 210

14.4.1 addClass（）、removeClass（）以及toggleClass（）的增强型方法 210

14.4.2 switchClass（）方法 211

14.4.3使用toggleClass）方法的示例 211