jQuery Mobile是一個針對移動設備的開源JavaScript框架,它幫助您構建跨平臺的Web應用程序。它是一個輕量級的框架,提供了易用性、可擴展性和可定制性,以便于開發人員快速開發移動Web應用。
2019年7月,jQuery移動團隊宣布停止維護jQuery Mobile項目,未來將會有一個完全新的移動框架,名稱為Ionic。
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
這些是使用jQuery Mobile時需要導入的文件。其中包括了jQuery庫和jQuery Mobile文件,您需要在HTML中引用這些文件。
<div data-role="page"> <div data-role="header"> <h1>我的應用程序</h1> </div> <div data-role="content"> <p>這是我的第一個jQuery Mobile程序!</p> </div> <div data-role="footer"> <p>版權歸屬于我</p> </div> </div>
這是一個簡單的jQuery Mobile應用程序的示例,其中包括三個部分:頁眉、內容和頁腳。數據角色屬性指定了這些元素的類型。這里是一個基本的結構,您可以根據需要添加更多元素,從而創建您自己的應用程序。