《响应式网页开发实战》教学教案-第7章jQueryMobile概述_第1页
《响应式网页开发实战》教学教案-第7章jQueryMobile概述_第2页
《响应式网页开发实战》教学教案-第7章jQueryMobile概述_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第7章jQueryMobiIe概述jQueryMobile是用于前端开发的免费开源框架，可以运行在目前所有主流智能手机、平板等移动终端和兼容运行在桌面设备的网页中。这让设计者不需要为每一个移动设备或操作系统单独开发应用，而可以通过使用该框架，设计一个高度响应式的网站或应用运行于所有流行的智能手机、平板电脑和桌面系统。【教学导航】教学目标（1）jQueryMobile框架的安装和引用（2）jQuery的基本语法重难点（1）jQueryMobile框架的安装和引用教学方法理论实践一体化、比较法 课时建议1课时 【教学任务】一、jQueryMobile简介jQueryMobile是一个基于HTML5,拥有响应式网站特性，兼容所有主流移动设备平台的统一UI接口系统，它具有简单、高效的特点，能够让没有美工基础的开发者在极短的时间内做出非常完美的界面设计。jQueryMobile是一套以jQuery为基础，为跨平台移动设备提供的用户界面函数库。jQueryMobile框架是以jQuery类库为基础而开发的，它沿用了jQuery框架的语法、接口、样式等核心内容，但主要专注于移动方面的设计。jQueryMoible框架设计的宗旨是通过使用较少的HTML5、CSS3、JaVaScriPt和AJAX代码来达到对页面高效布局的目的，完全将jQuery框架倡导的“写得更少、做得更多”理念升华到一个全新的高度。（1）jQueryMobile工作原理jQueryMobile通过提供可触摸的UI小部件和AJAX导航系统，使页面支持动画式切换效果。以页面中的元素标签为事件驱动对象，当触摸或单击时进行触发，最后在移动终端的浏览器中实现一个个应用程序的动画展示效果。（2）jQueryMoible特点A框架体积小A强大的AJAX驱动导航A强大的浏览器兼容性A丰富的主题风格A支持触摸与其他鼠标事件二、jQueryMobile框架安装与引用(1)下载jQueryMobile库到本地引用下载详见操作步骤，之后，通过HTML引入CSS和JavaSCriPt的语法，引用库文件的代码为：<head><linkrel="StyIeSheet"href="jquery.mobile-1.4.5.css”><scriptsrc="jquery-1.11.1.js"><∕script><scriptsrc='jquery.mobile-1.4.5.js"></ScriPt><∕head>(2)CDN引用jQueryMobile库jQueryMobile框架支持目前主流的CDN方式引用库文件，这样可以最大程度提高文件下载速度，其引用示例代码如下：<head><linkrel="stylesheet"href="/mobile/1.4.5/jquery.mobile-1.4.5.css”><scriptsrc="http:〃jquery-1.∏.1.js"></ScriPt><scriptsrc="http:〃/mobile/1.4.5/jquery.mobile-1.4.5.js"></ScriPt><∕head>三、jQuery基本语法由于jQueryMobile的操作形式和jQuery一样，所以在此简单回顾一些jQuery的基础。jQuery的使用方法非常简单，只需要指定作用的DOM对象及对象执行的操作即可，其基本语法格式如下。$(选择器).操作();其中，“$()”是jQuery常用的一个回传函数，表示选取的意思，可看作英文selector的缩写，具体选取的内容由函数所带的选择器参数说明，对选取内容的想要执行什么方法或者处理什么事件，则通过“$()”后面所带的操作方法来实现。除此之外，"$”是jQu

人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论