Home > Web Front-end > H5 Tutorial > 【HTML5】 jQuery Mobile 初体验

【HTML5】 jQuery Mobile 初体验

WBOY
Release: 2016-05-17 09:09:02
Original
1673 people have browsed it

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/


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


    Related labels:
    ht
    source:php.cn
    Previous article:HTML5每日一练之Canvas标签的应用 Next article:html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现 ... ...
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Latest Articles by Author
    Latest Issues
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template