jQuery Mobile中在javascript中设置按钮的选项

按钮的选项和按钮的属性从功能和实现效果上来说是相同的。

不同之处在于，属性是在html标签中声明的，而选项则是在javascript代码中，经由jQuery选择器定位到某个按钮而进行的选项赋值。

从命名来说，通常
选项的名称就是所要操作的语义，例如，icon，而属性的命名则会添加 “data-” 作为前缀，
例如，data-icon 。

作为属性，定义一个按钮的图标是这样实现的。
<button data-icon=”plus”/>
作为选项，在JavaScript 中，选项是这样使用的，
$(“button”).buttonMarkup({ icon: “plus” });
jQuery(“button”).buttonMarkup({ icon: “plus” });

选项名称	选项类型	缺省值	功能	标签属性
corners	boolean	true	定义按钮为圆角按钮则设置为true，否则直角按钮为false	data-corners
icon	string	null	定义按钮图标，缺省为没有图标	data-icon
iconpos	string	left	按钮图标的位置，缺省为居左，也可以自定义。	data-iconpos
iconshadow	boolean	true	按钮图标阴影状态，true-有阴影、false-无阴影	data-iconshadow
inline	boolean	false/null	内嵌按钮样式，false-非内嵌（内联）按钮，按钮与移动设备屏幕等宽、true-内嵌按钮	data-inline
shadow	boolean	true	按钮阴影状态，true-有阴影、false-无阴影	data-shadow
theme	string	null，继承自上一级	缺省的按钮风格是null，表示按钮风格继承自上一级div 或者section。如果上一级也没有定义风格，则使用缺省风格。风格定义自a 到e，定义5 种不同配色样式。	data-theme
initSelector	css选择器字符串	button, [type='button'], [type='submit'], [type='reset'], [type='image']	用于指定CSS 选择器。	无