一、下载jQuery Mobile 点击Download下载如下zip包下载成功后如下图解压目录如图：点击index.html进入demo主页，这里面有很多例子。二、创建JQuery Mobile的Helloword1、创建demo2、新建站点3、站点建立成功后将生成的demo拷贝到站点中index.htmlnbsp;html>
jQuery Mobile Web 应用程序<p><span style="line-height: 1.76em;">1. <a href="http://www.php.cn/p-tutorial-350632.html" target="_blank"> 小强的html5移动开发之路（23）—— jquery mobile入门</a></span></p>
<p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/194/7975d57baf40c9e147f0f2e46d1fccbf.jpg" style="max-width:90%" alt="有关Mobile入门的文章推荐3篇" ></span></p>
<p><span style="line-height: 1.76em;">简介：本文描述了 小强的HTML5移动开发之路（23）—— jQuery Mobile入门的案例，需要可以参考下</span></p>
<p><span style="line-height: 1.76em;">2. <a href="http://www.php.cn/js-tutorial-18113.html" target="_blank">jquery Mobile入门—多页面切换示例学习_jquery</a></span></p>
<p><span style="line-height: 1.76em;"><img src="http://files.jb51.net/file_images/article/201301/2013010810315826.jpg" style="max-width:90%" alt="有关Mobile入门的文章推荐3篇" ></span></p>
<p><span style="line-height: 1.76em;">简介：在JQuery Mobile中，多个页面的切换是通过<a>元素、并将<href>属性设置为#+对应的id号的方式进行的</href></a></span></p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/2236" title="玄鲸Timeline"><img
src="https://img.php.cn/upload/ai_manual/000/000/000/175680293465261.png" alt="玄鲸Timeline"></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/2236" title="玄鲸Timeline">玄鲸Timeline</a>
<p>一个AI驱动的历史时间线生成平台</p>
</div>
<a href="/ai/2236" title="玄鲸Timeline" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<p><span style="line-height: 1.76em;">3. <a href="http://www.php.cn/js-tutorial-18106.html" target="_blank">jquery Mobile入门—外部链接切换示例代码_jquery</a></span></p>
<p><span style="line-height: 1.76em;"><img src="http://files.jb51.net/file_images/article/201301/2013010810475128.jpg" style="max-width:90%" alt="有关Mobile入门的文章推荐3篇" ></span></p>
<p><span style="line-height: 1.76em;">简介：内部链接是通过在a标签内将href属性值设为#+id的形式，外链则是在a中增加rel属性，并将属性值设为external,感兴趣的朋友可以了解下哦</span></p>
