Jquery Mobile是一個開源的Javascript庫,可以快速創建移動設備友好的Web應用程序。它提供了一組易用的UI元素和事件,能夠快速搭建出漂亮、一致的UI界面。
下面我們來看一些Jquery Mobile的UI元素的使用方法。
<!--按鈕--> <button id="myButton" class="ui-btn">點擊我</button> <!--文本框--> <label for="myInput">用戶名:</label> <input type="text" name="myInput" id="myInput" data-clear-btn="true"> <!--滑動開關--> <label for="mySwitch">開關:</label> <div data-role="flipswitch"> <input type="checkbox" name="mySwitch" id="mySwitch" data-role="flipswitch> </div> <!--復選框--> <fieldset data-role="controlgroup"> <legend>選擇你喜歡的顏色:</legend> <input type="checkbox" name="red" id="red"> <label for="red">紅色</label> <input type="checkbox" name="green" id="green"> <label for="green">綠色</label> </fieldset>
以上代碼演示了按鈕、文本框、滑動開關、復選框的創建方法。除此之外,Jquery Mobile還提供了很多UI元素,如單選框、滑動菜單、彈出式菜單等等。使用Jquery Mobile可以大大提高我們開發移動應用的效率。