jQuery Mobileは、モバイルWebアプリケーションを作成するフレームワークです.jQuery Mobileは、流行しているすべてのスマートフォンやタブレットに適しています.jQuery MobileはHTML 5とCSS 3を使ってできるだけ少ないスクリプトでページをレイアウトします.
jQuery Mobileはすべてのモバイルデバイスに適しているが、デスクトップコンピュータ上で互換性の問題が依然として存在する可能性がある(CSS 3のサポートが限られているため).HTML 5 data-プロパティは、jQuery Mobileを使用してモバイルデバイスの「タッチに優しい」インタラクティブな外観を作成します.*

  

    
        
  
  

    
         ！
  
  

    
    
  

data-role="page"はブラウザに表示されるページ

である.

data-role="header"作成ページ上のツールバー(タイトルと検索ボタンでよく使用)

data-role=「content」は、テキスト、画像、フォーム、ボタンなどのページの内容を定義します.

data-role="footer"作成ページ下部のツールバー

jQuery Mobileにページを追加単一HTMLファイルに複数のページを作成し、各ページを一意のidで区切り、hrefプロパティを使用して接続します.

  

    ページ2に  
  



  

    ページ1に  
  

ダイアログボックスとしてページを使用するのは、情報を表示したり、入力を要求したりするためのウィンドウのタイプです.ユーザーがリンクをクリック(タッチ)するときにダイアログボックスを作成するには、リンクにdata-rel="dialog"を追加します.

  

    ページ2に  
  



  

    ページ1に