jQuery Mobile 教程(精)

jQuery Mobile 教程(精)精雕软件教程,我的世界精美别墅教程,新求精德语强化教程,产品精修教程,精雕教程,周大杰产品精修教程,精雕油泥手办教程,飞儿精品教程网,精雕视频教程
社会化媒体营销 > jQuery Mobile 教程(精)

jQuery Mobile 教程(精)(3)

div 内的 h1 也会被渲染成一定样式,这就是 jQuery Mobile 的方便快捷,也是它的设计宗旨—— Write Less, Do More 。

除此之外 jQuery Mobile 中还有以下的 data-role 属性(部分属性),已经赋予了一定的样式及用户操作响应效果。

data-role="content" , data-role="button" , data-theme ="" ,

data-role="controlgroup" , data-inline="true" ,

data-role="fieldcontain" , data-role="listview" , data-rel="dialog" , data-transition="pop" ,分别对应着主体内容、按钮,主题颜色,已编辑按钮,内联按钮,表单元素,列表视图,对话框,页面过渡。

3.jQuery Mobile 基本使用方法

3.1引入jQuery Mobile

使用 jQuery Mobile ,需要在网页页眉中引入 jQuery Mobile 组件,包括以下部分

✧jQuery 库

✧jQuery Mobile CSS

✧jQuery Mobile 库

可以通过这样的 head 引入以上组件

Html代码

jQuery Mobile Demo