关于 jQuery Mobile

jQuery Mobile是为了填补jQuery在移动设备应用上的一个新项目。它应用了HTML5和CSS3。

主要特性

  • 基于jQuery构建。

    • 采用与jQuery一致的核心和语法,还使用了jQuery UI的代码和模式。
  • 兼容绝大部分手机平台
  • 轻量级的库
  • 模块化构建
  • HTML5标记驱动的配置
  • 渐进增强原则
  • 响应设计
  • 强大的Ajax导航系统
  • 易用性
  • 支持触摸和鼠标事件
  • 统一的UI组件
  • 强大的主题化框架

基本应用

  • 默认情况下,移动浏览器,会像在大屏幕的Web浏览器那样显示你的页面,因此用户在移动设备看到这个页面的字体就比较小,所以要通过Meta元素可视区进行纠正。这个元素会通知浏览器使用移动设备的宽度作为可视区的宽度。

    <meta  name="viewport" content="width=device-width,intial-scale=1,user-scalable=no" />
    <!--这个元素设置宽度为设备的最大宽度,禁止用户放大和缩小--> 另加载顺序应该为:
    <link rel="stylesheet" href="jquery.mobile.css"/>
    <script src="jquery.js"></script>
    <!--此处加入项目中其它js-->
    <script src="jquery.mobile.js"></script>
  • data-role帮助jQuery mobile知道哪些元素要处理。data-属性这个用法是HTML5推出的一个特性,它可以让开发人员添加任意属性到html标签中,只要添加的属性名有"data-"前缀。
    • data-role="button"按钮
    • data-role="collapsible"一个包含标题和内容的容器
    • data-role="collapsible-set"一个包含collapsible的容器
    • data-role="content"一个内容容器
    • data-role="dialog"一个对话框
    • data-role="fieldcontain"一个区域包裹容器
    • data-role="slider"一个翻转切换元素
    • data-role="footer"页面页脚容器
    • data-role="header"页面标题容器
    • data-role="listview"列表视图
    • data-role="navbar"导航栏
    • data-role="page"页面容器
    • data-role="slider"一个有范围值的文本框
    • type="checkbox"复选框
    • type="radio"单选框
    • <select></select>下拉框
    • type="text|number|search"文本框|数字框|搜索框
      //简单列表示例
      <ul data-role="listview" data-inset="true">
      <li><a href="#">123</a></li>
      <li><a href="#">123</a></li>
      <li><a href="#">123</a></li>
      </ul>
      //data-inset设置后列表的宽度就不会是100%,没设置就是100%的宽度
  • data-theme属性表示应用怎样的主题,值为a,b,c,d,e。

好吧就这么多了,作者这章也写得比较简单。

关于版本变化

本章主要讲了一下jQuery各个版本的变化,以及加入的新的变化。

我就捡1.6以后的,重要的,并且前面没有提到过的讲。

  • 1.6

    • 增加了prop方法,获取checked属性的时候会返回true,而之前的attr获取checked的时候只返回空。
    • 更新data方法,可以将元素上的数据属性转化为json形式的值,以驼峰形式展示。
  • 1.7
    • 新的事件API:on()和off()取代了之前版本中的bind(),delegate(),live()和unbind(),undelegate(),die().
    • isNumeric()判断传入的参数是否为数字

作者只写了1.7以前的版本变化,1.7以后的没写。

我在网上也看了一下,后面的版本大多都是修复BUG,另外提一下2系列的版本貌似是不再兼容低版本IE6/7/8,并且IE9/10中使用兼容性视图也会受影响。

【jQuery基础学习】10 简单了解jQuery Mobile及jQuery各个级别版本的变化的更多相关文章

  1. JQuery基础学习总结

    JQuery基础学习总结 简单总结下JQuery: 一:事件 1.change事件 <!DOCTYPE html> <html lang="en"> < ...

  2. 【jQuery基础学习】00 序

    作为一个从来没有认真学过jQuery的菜来讲,我所学的都是jQuery基础. 算是让自己从0开始系统学一遍吧.学习书籍为:<锋利的jQuery>. 虽然是个序,表示一下我是个菜,但还是来几 ...

  3. 【jQuery基础学习】09 jQuery与前端(这章很水)

    这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的. 关于网站结构 文件结构 前端文件分三个文件夹放 images文件夹用来存放将要用到的图 ...

  4. 【总结整理】JQuery基础学习---样式篇

    进入官方网站获取最新的版本 http://jquery.com/download/    中文 https://www.jquery123.com/ <!--JQuery:轻量级的JavaScr ...

  5. jQuery基础学习

    一.简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是“Write ...

  6. jQuery基础学习(一)—jQuery初识

    一.jQuery概述 1.jQuery的优点      jQuery是一个优秀的JavaScript库,极大地简化了遍历HTML文档.操作DOM.处理事件.执行动画和开发Ajax的操作.它有以下几点优 ...

  7. 【jQuery基础学习】01 jQuery选择器

    关于CSS选择器 jQuery选择器涉及到CSS,CSS技术使得网页的结构与表现样式完全分离. 同样CSS也需要找到某个网页的结构才能改变其样式,这就是CSS选择器. 常用的CSS选择器如下: 标签选 ...

  8. jQuery基础学习3——jQuery库冲突

    默认情况下,jQuery用$作为自身的快捷方式. jQuery库在其他库之后导入 在其他库和jQuery库都被加载完毕后,可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权 ...

  9. jQuery基础学习2——DOM和jQuery对象

    <body> <h3>例子</h3> <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p> < ...

随机推荐

  1. Python: 如何继承str/string?

    想搞一个对象继承自str,然后存一些额外信息用来标识这个字符串,然后理所当然地重写了__init__发现跪了: class newstring(str): def __init__(self, val ...

  2. 降低屏幕亮度,减缓眼疲劳 (linux/windows/firefox/android)

    Linux 在Linux上自动调整屏幕亮度来保护眼睛 - 51CTO.COM -- 介绍了Camera和RedShift这两款工具 How to automatically dim your scre ...

  3. Ehcache 使用

    自从Ehcache 到了1.2+的版本,就支持分布式缓存了 Spring + Hibernate的结构 ,ehcache的对这几个框架的支持较好,就采用这个缓存方案 下面是配置文件: <ehca ...

  4. jQuery Mobile Data 属性

    按钮 带有 data-role="button" 的超链接.button 元素.工具栏中的链接以及 input 字段都会自动渲染成按钮样式,不需要添加 data-role=&quo ...

  5. [PaPaPa][需求说明书][V0.3]

    PaPaPa软件需求说明书V0.3 前   言 不好意思,本文是没有前言的. 别说是前言了,其实关于界面的内容我也是不打算写!!   因为我知道你们想要的界面是这样的: 再不济也应该是这样的: 但是我 ...

  6. 十家国内知名的EDM服务提供商

    国内的EDM服务商多若繁星.下面博主为大家介绍十家国内知名的EDM服务提供商. 一.Webpower 威勃庞尔. 官方网站是:www.webpower.asia.作为全球领先的邮件营销解决方案提供商, ...

  7. CLR via C#深解笔记六 - 泛型

    面向对象编程一个好处就是“代码重用”,极大提高了开发效率.如是,可以派生出一个类,让它继承基类的所有能力,派生类只需要重写虚方法,或添加一些新的方法,就可以定制派生类的行为,使之满足开发人员的需求. ...

  8. Codeforces Round #184 (Div. 2) E. Playing with String(博弈)

    题目大意 两个人轮流在一个字符串上删掉一个字符,没有字符可删的人输掉游戏 删字符的规则如下: 1. 每次从一个字符串中选取一个字符,它是一个长度至少为 3 的奇回文串的中心 2. 删掉该字符,同时,他 ...

  9. 获取全国市以及地理坐标,各大坐标系北斗,百度,WGS-84坐标系的转换,有图,有代码

    1 先上坐标取到的值: 获取到的坐标部分如下: '北京市':[116.39564503788,39.92998577808], '天津市':[117.21081309155,39.1439299033 ...

  10. 几种在Linux下查询外网IP的办法

    原文地址:http://my.oschina.net/epstar/blog/513186 Curl 纯文本格式输出: curl icanhazip.com curl ifconfig.me curl ...