jQuery mobile 移动web(4)_jquery

移动互联网的发展，促生了各种各样的移动Web框架。jQuery Mobile 是一个针对触摸体验的 web UI 开发框架，很容易就可以把 Web App 包装成适合 Android 与 iOS等触屏移动设备的 Javascript 库，与 HTML5结合可以很方便快速的开发出一款具有良好界面及用户体验的 Web App，而且不需要安装任何东西，只需将需要的 *.js 和 *.css 文件直接包含到 web 页面中即可。

下拉菜单:

　　设置label 元素的for 属性为 select label 元素的文本内容作为选项的名称 定义div元素并设置data-role 属性值为 fieldcontain.

 　　

　　　　请选择你的兴趣
　　　　
　　　　　　音乐
　　　　　　电影
　　　　　　体育
　　　　　　旅游
　　　　
 　　

分组的选择菜单

　　要在select 元素制定optgroup。　　

　　　　　　请选择你的兴趣：
　　　　　　
　　　　　　　　
　　　　　　　　音乐
　　　　　　　　电影
　　　　　　　　
　　　　　　　　体育
　　　　　　　　旅游
　　　　　　
 　　　　

禁用指定Option 数据项的选择菜单

 　　　

　　　　　　请选择你的兴趣：
　　　　　　
　　　　　　　　
　　　　　　　　音乐
　　　　　　　　电影
　　　　　　　　
　　　　　　　　体育
　　　　　　　　旅游
　　　　　　
 　　

普通连接列表　　

　　　　　　

　　　　　　　　
列表例
　　　　　　
　　　　　　

　　　　　　　　
　　　　　　
 　　

多层次嵌套列表。

　　

　　　　

　　　　　　
列表例
　　　　
　　　　

　　　　　　

　　　　　　　　

　　　　　　　　　　List 1
　　　　　　　　　　
这是第一层
　　　　　　　　　　

　　　　　　　　　　　　

　　　　　　　　　　　　　　subList 1 of 1
　　　　　　　　　　　　　　subList 1 of 2
　　　　　　　　　　　　　　subList 1 of 3
　　　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　
　　　　　　　　

　　　　　　　　　　List 2
　　　　　　　　　　
这是第二层
　　　　　　　　　　

　　　　　　　　　　　　

　　　　　　　　　　　　　　subList 2 of 1
　　　　　　　　　　　　　　subList 2 of 2
　　　　　　　　　　　　　　subList 2 of 3
　　　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　
　　　　　　

　　　　　　　　List 3
　　　　　　　　
这是第三层
　　　　　　　　

　　　　　　　　　　

　　　　　　　　　　　　subList 3 of 1
　　　　　　　　　　　　subList 3 of 2
　　　　　　　　　　　　subList 3 of 3
　　　　　　　　　　
　　　　　　　　
　　　　
　　
　　
 　　

以上内容是小编给大家分享的jQuery mobile 移动web(4)的相关知识，希望大家喜欢。