jquery mobile jquerymobileapp案例

将jQuery Mobile添加到您的网页中。

您可以通过以下方式将jQuery Mobile添加到您的网页:

从CDN加载jQuery Mobile(推荐)

从jQuerymobile.com下载jQuery移动库。

从CDN加载jQuery Mobile。

CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。.

有了jQuery内核，您不需要在计算机上安装任何东西。你只需要加载下面的级联样式(。css)和JaScript库(。js)来使用jQuery Mobile:

jQuery移动CDN:

& lthead & gt

& lt！- meta使用viewport来确保页面可以自由缩放-& gt；

& ltmeta name = \” viewport \” content = \” width = device-width，initial-scale=1 \” >

& lt！-介绍jQuery Mobile风格-& gt；

& ltlink rel = \” style sheet \” href = \” http://code . jquery . com/mobile/1 . 4 . 5/jquery . mobile-1 . 4 . 5 . min . CSS \” & gt；

& lt！-介绍jQuery库-& gt；

& ltscript src = \” http://code . jquery . com/jquery-1 . 11 . 3 . min . js \” & gt；& lt/script & gt；

& lt！-介绍jQuery移动库-& gt；

& ltscript src = \” http://code . jquery . com/mobile/1 . 4 . 5/jquery . mobile-1 . 4 . 5 . min . js \” & gt；& lt/script & gt；

& lt/head & gt；

试一试

国内用户推荐使用百度CDN:

JQuery移动CDN(百度):

& lthead & gt

& lt！- meta使用viewport来确保页面可以自由缩放-& gt；

& ltmeta name = \” viewport \” content = \” width = device-width，initial-scale=1 \” >

& lt！-介绍jQuery Mobile风格-& gt；

<link rel=\”stylesheet\” href=\”http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css\”>& ltlink rel = \” style sheet \” href = \” http://apps . BD img . com/libs/jquery mobile/1 . 4 . 5/jquery . mobile-1 . 4 . 5 . min . CSS \” & gt；

& lt！-介绍jQuery库-& gt；

<script src=\”http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js\”></script>& ltscript src = \” http://apps . BD img . com/libs/jquery/1 . 10 . 2/jquery . min . js \” & gt；& lt/script & gt；

& lt！-介绍jQuery移动库-& gt；

<script src=\”http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js\”></script>& ltscript src = \” http://apps . BD img . com/libs/jquery mobile/1 . 4 . 5/jquery . mobile-1 . 4 . 5 . min . js \” & gt；& lt/script & gt；

& lt/head & gt；

下载jQuery Mobile

如果你想在你的主机上安装jQuery Mobile，你可以从jQuerymobile.com下载这个文件。

& lthead & gt& ltmeta name = \” viewport \” content = \” width = device-width，initial-scale=1 \” >& ltlink rel = \” style sheet \” href = \” jquery . mobile-1 . 4 . 5 . CSS \” >& ltscript src = \” jquery.js \” & gt& lt/script & gt；& ltscript src = \” jquery . mobile-1 . 4 . 5 . js \” & gt；& lt/script & gt；& lt/head & gt；提示:将下载的文件放在与网页相同的目录中。

你是否想知道为什么在 <script> 标签中 没有插入 type=\”text/jascript\” ?

HTML5中不再需要这个属性。JaScript是所有现代浏览器中HTML5的默认脚本语言！