《jQuery、jQuery UI及jQuery Mobile技巧与示例》——导读

简介: JavaScript刚一登上互联网的舞台的时候,专家们就投来了轻视的眼光,认为它只是一个适合娱乐而在与用户交互方面没有什么作用的玩具。但时至今日,它已经成为了帮助产生丰富用户界面、无缝数据集成和客户端支持的驱动力量。


screenshot


**
前言
**
JavaScript刚一登上互联网的舞台的时候,专家们就投来了轻视的眼光,认为它只是一个适合娱乐而在与用户交互方面没有什么作用的玩具。但时至今日,它已经成为了帮助产生丰富用户界面、无缝数据集成和客户端支持的驱动力量。

虽然使用普通的JavaScript就能把一切都做好,但是很多人发现使用各种各样的库和框架会帮助他们做得更多。jQuery恰是满足JavaScript集成需求的最好的库。jQuery的准则是“写更少的代码,做更多的事情”,这正是jQuery团队十分重视的。无论你正工作在一个标准的、有少量DOM修改的桌面网站,还是正在添加自定义的控件集合,或是正在处理移动设备的开发,jQuery团队都已经准备了一个精心打造的库,它已经在尽可能多的平台、浏览器和设备上测试过,确保开发人员和用户获得最好的体验。
那些拥有HTML、CSS和基本JavaScript应用知识的人应该能轻松自如地拿起这本书,并且开始尝试一个个示例。对于不熟悉Web开发的人,则可能需要一点额外的时间来充电,以便了解本书所介绍的内容。如我们所说,有些人学好知识,是通过查看让示例运行起来的完整的HTML页面布局和必要的脚本,这样的人将学得更快、更高效。

目录

**[第3章 修改页面
3.1 技巧:添加类](https://yq.aliyun.com/articles/96825)**
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 技巧:包裹和解包元素
3.16 小结
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 调用选项卡的方法
7.10 小结
**[第9章 使用jQuery Mobile来导航页面
9.1 技巧:搭建jQuery Mobile基础页面](https://yq.aliyun.com/articles/97132)**
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的辅助函数
9.22 小结

相关文章
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
20 1
|
JSON 前端开发 JavaScript
【前端】使用jQuery封装一套UI组件 - 级联选择器组件
本篇文章来讲解下级联选择器组件 级联选择器,在实际项目中也是比较常用的组件,比如:省市区三级关联,上下级联动等 最后面会附上全部代码
1193 0
|
5月前
jquery-easyui和jquery-ui的slider冲突解决
jquery-easyui和jquery-ui的slider冲突解决
|
7月前
|
Web App开发 前端开发 开发者
Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
32 1
|
7月前
|
JavaScript
jQuery图片瀑布流demo效果示例(整理)jQuery瀑布流效果
jQuery图片瀑布流demo效果示例(整理)jQuery瀑布流效果
|
7月前
|
JavaScript
JQuery 判断radio是否有选中,获取选中的值demo示例(整理)
JQuery 判断radio是否有选中,获取选中的值demo示例(整理)
|
7月前
|
JavaScript
jquery多图片上传预览demo效果示例(整理)
jquery多图片上传预览demo效果示例(整理)
|
7月前
|
JavaScript
jquery上传头像demo效果示例(整理)
jquery上传头像demo效果示例(整理)
|
7月前
|
JavaScript
通俗易懂的jquery倒计时demo效果示例(整理)
通俗易懂的jquery倒计时demo效果示例(整理)
|
7月前
|
JavaScript
jquery模糊查询--搜索demo效果示例(整理)
jquery模糊查询--搜索demo效果示例(整理)

相关实验场景

更多