jQuery Mobile中的按钮图标及样式

jQuery Mobile在进行按钮设计的时候，缺省定义了一套data-icon参数，基于这套参数可以指定常用的按钮图标。

data-icon可以指定不同的参数，参数不同，所呈现的按钮图标样式也会不同。

左箭头	data-icon=“arrow-l”
右箭头	data-icon=“arrow-r”
向上箭头	data-icon=“arrow-u”
向下箭头	data-icon=”arrow-d“
删除	data-icon=”delete“
加号	data-icon="plus"
减号	data-icon=”minus“
检查	data-icon=”check“
齿轮	data-icon=”gear“
刷新	data-icon=”refresh“
向前	data-icon=”forward“
向后	data-icon="back"
网格	data-icon="grid"
星形	data-icon="star"
警告	data-icon="alert"
信息	data-icon="info"
主页	data-icon="home"
查询	data-icon="search"
此外，设置data-iconpos	属性也可以设置图标的位置
值	图标的位置
left	左侧（缺省）
right	右侧
top	上方正中
bottom	下方正中
notext	只有图标而没有文字