jquery mobile怎么用？Jquery有哪些选择器

如何使用默认调板

jQueryMobile内建了主题控制相关模块。调板可以使用data-theme属性来控制。如果你不指定data-theme属性，将默认采用a调板。以下代码定义了一个采用默认调板的页面：

《div data-role=“page“ id=“page“》《div data-role=“header“》《h1》Sample Page《/h1》《/div》《div data-role=“content“》《p》I’m a sample page!《/p》《/div》《/div》-jquerymobile

使用不同的调板：

《div data-role=“page“ id=“page“ data-theme=“e“》《div data-role=“header“》《h1》Sample Page《/h1》《/div》《div data-role=“content“》《p》I’m a sample page!《/p》《/div》《/div》-jq

从代码结构上看是一样的，仅仅使用一个data-theme=“e“便可以将整个页面切换为黄色色调：

默认情况下页面上所有的控件都会继承page上设置的调板，这意味着你只需设置一次便可以更改整个page：

《div data-role=“page“ id=“page“ data-theme=“e“》

当然你也可以独立设置不同元素的调板，同样设置元素的data-theme属性来实现：

《div data-role=“page“ id=“page“》《div data-role=“header“ data-theme=“c“》《h1》Header《/h1》《/div》《div data-role=“content“ data-theme=“d“》《p》Content《/p》《p》     《/p》《ul data-role=“listview“ data-theme=“b“》《li》《a href=“#page1“》Page 1《/a》《/li》《/ul》 《div data-role=“collapsible-set“》《div data-role=“collapsible“ data-theme=“b“》《h3》Header《/h3》《p》Content《/p》《/div》《div data-role=“collapsible“ data-collapsed=“true“ data-theme=“a“》《h3》Header《/h3》《p》Content《/p》《/div》《div data-role=“collapsible“ data-collapsed=“true“ data-theme=“e“》《h3》Header《/h3》《p》Content《/p》《/div》《/div》《/p》《p》 《a href=“#page4“ data-role=“button“ data-icon=“arrow-d“ data-iconpos=“left“ data-theme=“e“》Go To Page 4《/a》《/p》《/div》《div data-role=“footer“》《h4》Footer《/h4》《/div》《/div》-jquerymobile

一个jquery.js文件就够了。

官网下载地址：