jQuery Mobile入门

jQuery Mobile入门

---

下载

http://jquerymobile.com/

什么是jQuery Mobile？

按照官方的描述：针对智能手机和平板、做过触摸优化的web框架.

相关资源依赖

jQuery Mobile首先依赖jquery框架提供的接口处理相关操作

自身依赖两个主要部分：

• js：jquery-mobile.js
• css：jquery-mobile.css

页面添加

1.从CDN引用jQuery Mobile
2.从 jQuerymobile.com下载jQuery Mobile库

jQuery Mobile页面

• data-role='page':浏览器中显示的页面
• data-role='header':在页面顶层创建工具条(通常用于标题,搜索按钮)
• data-role='main':定义页面的内容,例如文本,按钮等
• data-role='footer':用于创建页面底部工具条

我们先来看一下采用jQuery Mobile开发的一个最简单的页面结构是怎样的？

  
  


    
    

       
我是header部分
    
    

    
    

        
jQuery Mobile教程-基础篇-我是content部分
    
    

    
    

        
我是footer部分
    
    

  
  

参考

http://www.w3schools.com/jquerymobile/

jQuery Mobile 学习

http://jquerymobile.com/

jQuery Mobile 教程

Web最新资讯，请关注我的微信公众号“一起玩前端”或扫描二维码关注.

qrcode_for_gh_7a765c30aeb7_258.jpg