首页 > web前端 > H5教程 > 【HTML5】 jQuery Mobile 初体验

【HTML5】 jQuery Mobile 初体验

WBOY
发布: 2016-05-17 09:09:02
原创
1669 人浏览过

jQuery Mobile v1.1.0上个月已经发布,由于好奇就学习了一下。jQuery Mobile是 jQuery 在手机和平板设备上的版本,用于创建针对智能手机和平板电脑的跨设备Web应用。jQuery的用户界面总设计师Todd Parker(jQuery之父)称,jQM旨在“为 jQuery 社区创建一个优雅的能够兼容当前所有主流移动平台的HTML5 UI库”。

jQuery mobile页面结构jQuery Mobile 应用了 HTML5 标准的特性,在结构化的页面中完整的页面结构分为 header、content、footer 这三个主要区域。 jQuery mobile站点的页面必须以HTML5的doctype开头,即 “”(不支持HTML5的浏览器会忽略这个标签)。

然后引入jQuery,jQuery mobile的javascript代码文件以及jquery mobile的css文件。



  1. ...

  2. ...

  3. ...

复制代码

下面是一个完整的单页面:

  1.   

  2.    
  3.     Page Title

  4.    

  5.    
  6.    
  7.    






  8.    

  9.         

    Page Title


  10.    


  •    
       
  •         

    Page content goes here.

            
  •    


  •    

  •         

    Page Footer


  •    




  • 复制代码



    体验网址:http://www.gofane.com/mobileSSQ/


    使用安卓手机,海豚浏览器感觉还可以。


    相关标签:
    ht
    来源:php.cn
    上一篇:HTML5每日一练之Canvas标签的应用 下一篇:html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现 ... ...
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    作者最新文章
    最新问题
    相关专题
    更多>
    热门推荐
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板