jQuery Mobile 圖標

我們可以使用圖標類別在jQuery Mobile 中<a> 和<button> 元素上新增圖標，並對圖標進行定位，如下所示：

在<input> 按鈕中加入圖標，可以使用data-icon 屬性:

我們可以使用data-icon 屬性在導航按鈕上新增圖示:

如果要在清單按鈕中新增圖標，可以在<li> 中使用data-icon 屬性：

下面我們列出了 jQuery Mobile 提供的所有可用圖示：

值描述圖示實例action#嘗試嘗試一下#試試看#嘗試嘗試左箭頭右箭頭##arrow-u嘗試#arrow-d##嘗試##試試看calendar日曆#試試camera相機試試看#carat-d#嘗試carat-l向左#carat-r向右 carat-u向上check#驗證標記clock時鐘cloud雲comment評論##試試看##試試看前進#嘗試齒輪嘗試網格心/ 愛標誌## 試試看home#試試看#試試看##定位/ GPS試試看lock# 鎖定/掛鎖定試試看mail郵件/ 信封試試看minus符號、減號#試試看navigation導航#試試看刷新嘗試##搜尋shop商店、錢包、手提袋##試試星號#試試看標籤嘗試#使用者

		##動作
	alert	#警告
	audio	視訊/ 音訊/ 揚聲器
	arrow-d-l	左下角
	arrow-d-r	右下角
	#arrow-u-l	左上角
##嘗試		arrow-u-r
#嘗試一下		arrow-l
		#arrow-r
嘗試		#上箭頭
		下箭頭
		back	返回
##嘗試		#bars ###欄位#########	試試看
bullets	柵欄
		##試試看
	#試試看
	試試看
	試試看
	試試
	試試看	###delete#####刪除(X)# ##############試試看############edit######編輯/ 鉛筆############ ###試試看############eye######眼睛#########	嘗試
forbidden	靜止標記
			forward
			gear
			#grid
#試試看		heart
		家（首頁）
	## info	訊息
	#location
		#########嘗試#############phone######電話########### ####嘗試一下############power######開關(On/off)#########	嘗試
plus	加號		嘗試
			#recycle
			refresh
			#search
		#嘗試
			star
			tag