jQueryMobile的基础知识

1. jQueryMobile的概念

    jQuery Mobile是jQuery在手机上和平板上设备上的版本。 jQuery Mobile给主流移动平台带来jQuery核心库。与 jQuery核心库一样,你不需要安装任何东西,只需要将*.js和*.css文件直接包含在你的web页面中即可。

2. jQuery Mobile事件:

     jQuery Mobile提供了针对移动端浏览器的事件
    1)触摸事件:当用户触摸屏幕时触发
    2)滑动事件:当用户上下滑动时触发
    3)定位事件:当设备水平或垂直翻转时触发
    4)页面事件:当页面显示,隐藏,创建,加载或未加载时触发

3. 下载jQuery Mobile:

    http://jquerymobile.com/download/

4. 简单的Page的使用

    
    
    
        
        
        
        Document
        
        
        
    
    
        
        

这是头部

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

最近好嘛

这是底部

5.jQuery Mobile的事件

    1)pageinit:在dom元素加载完成之后才执行的事件
    2)tap:触摸事件
    3)taphold:常按事件
    4)swipe:滑动的时候处理的事件
    5)swipeleft:向左滑动
    6)swiperight:向右滑动
    7)scrollstart:滑动页面时进行触发
    8)scrollstop:滑动页面停止时触发
    9)orientationchange:当设备方向改变的时候进行触发

代码:

    
    
    
        
        
        
        Document
        
        
        
        
  
  
    
    

my head

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

滑动我进行隐藏

my foot

6.jQuery Mobile Widgets(1)

1)页面切换

    
    
      
      
      
      Document
      
      
      
  
  
  
  

my head

my foot

2)Button

    
    
    
        
        
        
        Document
        
        
        
    
    
    
    
    

3)Checkboxradio
4)Collapsible
5)Controlgroup

你可能感兴趣的:(jQueryMobile的基础知识)