发帖
雷达卡
三个选择器可以组合使用跨平台移动设备网页jQuery Mobile
$("p.test") 找出所有<p>标记class属性为test的组件
常用的选择和搜索法
$("*")选择所有组件("∗")选择所有组件(this) 选择当前组件
$("p:first")选择第一个<p>("p:first")选择第一个<p>("[href]") 选择含有href属性的组件
$("tr:even")选择偶数<tr>("tr:even")选择偶数<tr>("tr:odd") 选择奇数<tr>
$("div p")选择<div>中含<p>的组件("divp")选择<div>中含<p>的组件("div").find("p") 搜索div中的<p>组件
$("div").next("p")搜索<div>组件之后的第一个<p>组件("div").next("p")搜索<div>组件之后的第一个<p>组件("li").eq(2) 搜索第三个<li> ，eq(2)是因为组件位置下标，类似于数组下标，从0开始
ch10_04.html实践一下$('li').eq(2).css("background-color","red");
注意：jQuery与JavaScript一样，并不限定使用单引号、双引号。
目的是希望统一当前移动设备的用户界面UI
优点：
- 跨平台（apple/Android/BlackBerry/WindowsPhone/Symbian/MeeGo)
- 易学（通过HTML5的标记与CSS规范来配置与美化页面，架构清晰、易于学习）
- 提供多种函数库，减少编程时间
- 多样布景主题和ThemeRoller工具（jQuery UI的ThemeRoller online tools，只要通过下拉菜单即可设置）
操作流程：
1）新增HTML文件移动设备模拟器：
2）声明HTML5 Document
3）载入jQuery Mobile CSS、jQuery与jQuery Mobile链接库
4）使用jQuery Mobile定义的HTML标准，编写网页构架及内容
1）mobilizer: http://www.springbox.com/mobilizer 貌似已不可用，到sourceforge
下载并安装
2）http://www.opera.com/developer/tools/mobile，貌似也已不可用
官方都不提供了，只能在百度上找。
chrome也提供模拟器
<head>中添加<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js></script>
jQuery Mobile函数库仍然在开发中，版本会更迭。
在<body>标记区域开始添加程序代码
jQuery Mobile网页是由 header、content与footer3个区域组成的架构，利用div标记加上HTML5自定义属性（HTML5 Custom Data Attributes）data-*来定义移动设备网页组件样式。
最基本的属性data-role用来定义移动设备的页面架构
<div data-role="page"> //开始一个page
<div data-role="header">
标题（header）
</div>
<div data-role="content">
网页内容
</div>
<div data-role="footer">
footer内容
</div>
</div>
[em17]
京公网安备 11010802022788号
