jQuery Mobile 主题

$.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>