jquery mobile 简介
JQuery Mobile是针对触屏智能手机与平板电脑的网页开发框架。
jQuery Mobile首先依赖jquery框架提供的接口处理相关操作
自身依赖两个主要部分:
js:jquery.mobile-1.3.2.min.css
css:jquery.mobile-1.3.2.min.js
jquery mobile的基本页面结构
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile基本页面结构</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>Header</h1>
</div>
<div data-role="content">
<p>Content goes here</p>
</div>
<div data-role="footer">
<h4>Footer</h4>
</div>
</div>
</body>
</html>
我看过网上比较好的教程
http://www.w3cplus.com/blog/tags/331.html?page=1
http://www.wglong.com/main/artical!findByGroup?gId=1