首页 > 代码库 > 第十三篇、jQuery Mobile
第十三篇、jQuery Mobile
1.创建Button
<button>按钮</button>
<input type="button" value="http://www.mamicode.com/按钮"/ >
<a href="http://www.mamicode.com/#" class="ui-btn ui-shadow(阴影)">按钮</a> // 一排可以放多个按钮ui-btn-inline(横向排列)
<div class="controlgroup" data-type="horizontal(方向,指定后没有间距)">
<a href="http://www.mamicode.com/#" class="ui-btn ui-shadow">按钮</a>
<a href="http://www.mamicode.com/#" class="ui-btn ui-shadow">按钮</a>
<a href="http://www.mamicode.com/#" class="ui-btn ui-shadow">按钮</a>
</div>
2.checkboxradio(单选和复选框)
<label><input type="checkbox"/>苹果</label>
fieldset(创建一组排序)
单选框只能选择一个(例如性别的选择)
3.collapsible(可展开项)可以展开文字,列表
data-collapsed="false"
data-collapsed-theme="false"
4.Grid Layout 删格系统a-d(2~5列)
<div class="ui-grid-solo(只有一列)"></div>
5.listview
无序:
<ul data-role="listview">
<li>a</li>
</ul>
有序:ol
过滤的效果(搜索框)
6.navbar
7.popup(弹出窗口)
8.selectmenu
9.jQuery Mobile事件(滑动,长按等等)
第十三篇、jQuery Mobile