jQuery Mobile是一個(gè)基于jQuery庫的用于構(gòu)建移動(dòng)Web應(yīng)用的框架。它提供了很多的UI組件和工具，使得開發(fā)者能夠更加容易構(gòu)建符合移動(dòng)設(shè)備規(guī)范的網(wǎng)站和應(yīng)用程序。
在開始使用jQuery Mobile之前，你需要包含相應(yīng)的CSS和JavaScript文件。下面的代碼展示了一個(gè)簡(jiǎn)單的HTML頁面，它已經(jīng)包含了jQuery Mobile所需的文件。
<!DOCTYPE html> <html> <head> <title>jQuery Mobile Tutorial</title> <link rel="stylesheet" > <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>Welcome to jQuery Mobile Tutorial!</h1> </div> <div data-role="content"> <p>This is a basic jQuery Mobile page.</p> </div> </div> </body> </html>在以上代碼中，我們引用了三個(gè)文件：jQuery庫文件、jQuery Mobile CSS文件和jQuery Mobile JavaScript文件。然后我們創(chuàng)建了一個(gè)基本的HTML結(jié)構(gòu)，包含兩個(gè)數(shù)據(jù)角色（data-role）：頁面（page）和內(nèi)容（content）。這兩個(gè)角色都是jQuery Mobile框架中提供的UI組件，用于構(gòu)建符合移動(dòng)設(shè)備規(guī)范的網(wǎng)站和應(yīng)用程序。 在頁面中，你還可以使用其他的UI組件和工具，比如按鈕（button）、列表（listview）和導(dǎo)航欄（navbar）等。這些組件和工具的使用方法在jQuery Mobile官方文檔中都有詳細(xì)的描述。如果你要開始使用jQuery Mobile，那就快去閱讀官方文檔吧！