jquerymobile中的button按钮组件基础使用教程_jquery

《jquerymobile中的button按钮组件基础使用教程_jquery》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、jQueryMobile中的button按钮组件基础使用教程一.Button组件及jQueryMob订e如何丰富组件样式在jQueryMob订c里，可以通过给任意链接添加data-role=ubutton来产生一个button组件,jQueryMobile会追加一定的样式到链接，值得注意的足,jQueryMob订e在给组件元素追加样式时不一定只在原有的元素上添加CSS和Javascript响应，一般还会追加一些新的元素使到组件的样式更接近于原生的App组件样式。下面给出一个例子：这是一个添加了dat

2、a-role二"button"属性的链接，原HTML如下Linkbutton在浏览器上显示的样式如下：Linkbutton这吋用DOM查看工具查看实际得到的HTML,可以发现jQueryMobile不仅给原來的a元索添加了CSS以丰富按钮样式，还另外追加了一些HTML使到样式更加丰富，当然这个部分由jQueryMobile口动完成，并不需要开发者操心太多。

^摄按钮

3、t:on”datnui・btn・cornershadow▼Linkbuttonv/spanA注：带链接的按钮元素和表单中的button元素会被口动渲染，无需另外添加data-role=，zbutton/，属性。二•带图标按钮jQueryMob订e允许开发者通过在链接中添加data-icon二〃"属性来为button组件

4、添加一个标准的Web图标，并且支持通过data-iconpos二〃"属性设置图标相对于文字的位置（top,bottom,right,默认为left）。CheckCheckCheckdata-icon属性的可取值（来源于jQueryMob订e中文手册）arrow-1oarrow-roarrow-uGarrow-dodclclcplusominusech

5、ecko艸rorefreshGPirwardGt»ack0gridOstaroalertoinfoohomeosearcho・按钮组如果你希望把一些按钮放到一个容器内，构建一个导航之类的独立部件（按钮组），可以将按钮放到一个容器内并给容器设置data-role=，，controlgroup，z属性，如果希望得到水平式的按钮组，则添加data-type二〃horizontal"屈性到容器里。

6、二〃button"〉是〈/a>否