$.mobile.page.prototype.options.theme='a';
if ($.cookie("StrTheme")) {
$.mobile.page.prototype.options.theme = $.cookie("StrTheme");
}
<div data-role="page">
<div data-role="header"><h1>头部栏</h1></div>
<div data-role="content">
<select name="selTheme" id="selTheme" data-native-menu="false">
<option value="">选择主题</option>
<option value="a">主题a</option>
<option value="b">主题b</option>
<option value="c">主题c</option>
<option value="d">主题d</option>
<option value="e">主题e</option>
</select>
</div>
<div data-role="footer"><h4>©2012 rttop.cn studio</h4></div>
</div>
列表项
<ul data-role="listview" data-theme="c"
data-divider-theme="b" data-count-theme="e">
<li data-role="list-divider">图书</li>
<li><a href="#">计算机 <span class="ui-li-count">100</span></a></li>
<li data-theme="d"><a href="#">社科 <span class="ui-li-count">101</span></a></li>
<li><a href="#">文艺 <span class="ui-li-count">102</span></a></li>
<li data-role="list-divider">音乐</li>
<li><a href="#">流行<span class="ui-li-count">103</span></a></li>
<li><a href="#">通俗<span class="ui-li-count">104</span></a></li>
</ul>
$.mobile.listview.prototype.options.dividerTheme='a';
指定内容和标题的样式
<div data-role="page">
<div data-role="header"><h1>头部栏</h1></div>
<div data-role="content" data-theme="e">
<div data-role="collapsible" data-content-theme="c">
<h3>今天天气</h3>
<p>晴,气温<code> 18~4℃</code> 西风<em> 3-4</em> 级</p>
</div>
<div data-role="collapsible" data-content-theme="b">
<h3>明天天气</h3>
<p>晴,气温<code> 17~6℃</code> 西风<em> 4-5</em> 级</p>
</div>
</div>
<div data-role="footer"><h4>©2012 rttop.cn studio</h4></div>
</div>