简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > H5 Tutorial > body text

【HTML5】 jQuery Mobile 初体验

WBOY
Release： 2016-05-17 09:09:02
Original
1636 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文件。



  2. ...

  3. ...

  4. ...

复制代码

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

  1.   

  3.    
  4.     Page Title

  6.    

  8.    
  9.    
  10.    






  17.    

  18.         

    Page Title


  19.    


  •    
       
  •         

    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
    Regular expression filter for MERN stack search boxes and checkboxes I'm trying to understand how the MERN stack works together by learning by doing, and I'm f...
    From 2024-04-06 14:53:12
    0
    1
    425
    Can PDF files run HTML5 and Javascript? I have a stupid idea to try and make a program that won't be blocked on any computer since...
    From 2024-04-05 12:57:00
    0
    1
    456
    Prestashop installation issue: Unable to install custom module I am new to Prestashop module development. I'm trying to build Amy's first prestashop modu...
    From 2024-04-03 19:24:44
    0
    1
    402
    PHP Tutorial: How to upload text and images to Linkedin using PHP? I try to upload text, images and links using LinkedinsRestAPI (https://learn.microsoft.com...
    From 2024-04-03 18:42:29
    0
    1
    420
    Unable to receive information from my mySQL database despite having seen tutorials doing the exact same thing So I'm trying to make a program that reads and writes to a MySQL database, which led me to...
    From 2024-04-03 14:46:04
    0
    1
    298
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！