新書推薦:
《
人民币国际化报告2024:可持续全球供应链体系与国际货币金融变革
》
售價:HK$
87.4
《
道德经新注 81幅作者亲绘哲理中国画,图文解读道德经
》
售價:HK$
143.4
《
清俗纪闻
》
售價:HK$
98.6
《
镜中的星期天
》
售價:HK$
76.2
《
世界前沿技术发展报告2024
》
售價:HK$
188.2
《
可转债——新手理财的极简工具
》
售價:HK$
65.0
《
新加坡教育:神话与现实
》
售價:HK$
96.3
《
“口袋中的世界史”第一辑·冷战中的危机事件
》
售價:HK$
291.2
|
編輯推薦: |
Query是一个快速、简洁的JavaScript框架,也是继Prototype之后又一个优秀的JavaScript框架。jQuery设计的宗旨是写更少的代码,做更多的事情。jQuery封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
|
內容簡介: |
使用jQuery可以用更少的时间完成更多工作。Web开发和移动开发已经成为主流,jQuery在Web和移动网页方面的占有率已经达到70.8%,这给学习jQuery的读者提供了更多工作机会。本书是一本带领读者入门的jQuery实战书。 全书分为4部分:第1部分介绍jQuery开发的基础,包括环境搭建,必须了解的JavaScript基础,jQuery操作HTML、CSS、事件、动画等;第2部分介绍jQuery的插件,包括自定义插件、UI插件和一些常用插件;第3部分介绍jQuery在移动网页方面的开发框架jQuery Mobile;第4部分通过3个完整的项目案例让读者完善前面的学习,并正式开发属于自己的项目。 本书内容精练、重点突出、实例丰富、讲解通俗,是广大网页或移动Web设计人员和前端开发人员必备的参考书,同时非常适合大中专院校师生参考阅读,也可作为高等院校计算机及相关培训机构的教材。
|
關於作者: |
刘鑫,资深JAVA语言学者,富有多年的开发及教学经验。
|
目錄:
|
目 录
第一篇 jQuery基础第1章 欢迎进入移动开发的世界 31.1 下载jQuery 31.2 编写第一个包含jQuery库的程序 51.3 jQuery库的核心方法$ 61.4 jQuery库的选择器 71.5 jQuery代码的注释 91.6 调试jQuery程序 101.7 小结 14第2章 学习jQuery 必会的JavaScript基础 152.1 JavaScript的数据类型 152.2 JavaScript的变量 172.3 JavaScript的方法和参数 172.4 JavaScript的上下文Context 182.5 JavaScript的Callback 182.6 小结 19第3章 jQuery操作HTML 203.1 获取或设置元素的内容 203.2 获取或设置元素的属性 223.3 在页面中添加元素 243.4 从页面中删除元素 273.5 通过forof为页面中的元素循环指定ID 293.6 利用Ajax实现网页的get请求 313.7 利用Ajax直接执行返回的JS代码 343.8 一切Ajax都是基于$.ajax 353.9 跨域的AJAX-JSONP 373.10 JSONP在jQuery中的应用 393.11 实战1:网页中的图片预览 413.12 实战2:利用Ajax实现微博的实时更新 443.13 小结 46第4章 jQuery操作CSS 474.1 添加或删除样式 474.2 样式的切换 484.3 获取或设置CSS样式 494.4 更改元素或窗口的大小 514.5 实战:网页链接的提示 524.6 小结 54第5章 jQuery操作事件 555.1 什么是事件 555.2 jQuery中的事件 555.3 页面的初始化事件 575.4 绑定事件 595.5 新事件绑定on 625.6 移除事件绑定 635.7 新移除事件绑定off 645.8 切换事件 665.9 表单事件 675.10 实战:表单的验证 695.11 小结 72第6章 jQuery操作动画 736.1 基本动画 736.2 可折叠的列表 746.3 按钮的淡入淡出 766.4 停止动画 776.5 自定义动画 786.6 实战:多样式动画 796.7 小结 80第二篇 jQuery插件第7章 jQuery插件 837.1 什么是jQuery插件 837.2 常用的插件网站 877.3 jQuery的插件类型 897.4 对象级别的插件开发 897.5 类级别的插件开发 927.6 实战:用第三方插件创建自己的网站 957.7 小结 102第8章 jQuery官方UI插件 1038.1 jQuery UI插件是官方提供的用户界面 1038.2 下载jQuery UI插件 1048.3 拖动组件Draggable的使用 1058.4 拖放组件Droppable的使用 1068.5 实战:使用拖动效果模拟Windows系统回收站 1088.6 实现页面中的进度条 1128.7 实现页面中的滑动条 1148.8 实现页面中的日历 1218.9 实现页面导航的手风琴效果 1288.10 实现页面中的各种对话框特效 1308.11 实现幻灯和分页特效 1358.12 小结 141第9章 jQuery多媒体插件 1429.1 图表应用 1429.2 视频应用 1489.3 地图应用 1519.4 实战在线地图 1569.5 小结 160第三篇 jQuery移动开发第10章 jQuery Mobile移动开发 16310.1 下载jQuery Mobile 16310.2 使用Dreamweaver开发jQuery Mobile 16410.3 创建第一个jQuery Mobile文件 16510.4 测试jQuery Mobile 16510.5 选择页面中的元素 16910.6 设置页面中元素的属性 17010.7 jQuery Mobile中的控件 17010.8 使用按钮实现菜单界面 17210.9 使用表单做一个手机版QQ登录 17510.10 使用列表做一个类贴吧的应用 18010.11 使用对话框实现一个相册 18310.12 实战:实现电子书阅读器 18610.13 小结 188第11章 开发移动博客 18911.1 项目规划 18911.2 主界面设计 19011.3 文章列表的设计 19311.4 文章内容页的实现 19711.5 文章类的设计 20011.6 测试环境的搭建 20211.7 数据库的设计 20711.8 内容页功能的实现 21311.9 文章列表的实现 21711.10 首页的实现 22211.11 小结 223
第四篇 jQuery实战第12章 jQuery HTML 5实现文件拖动上传 22712.1 认识FileDrop.js插件 22812.1.1 下载FileDrop.js插件 22812.1.2 使用插件实现文件拖拽上传 23112.2 开发图片拖拽上传Web应用 23512.2.1 HTML 5文件上传功能 23512.2.2 图片拖拽上传HTML代码 23612.2.3 图片拖拽上传CSS代码 23712.2.4 图片拖拽上传JS代码 23912.2.5 图片拖拽上传服务器端PHP代码 24112.2.6 图片拖拽上传Web应用最终效果 24212.3 小结 243第13章 jQuery HTML 5实现视频播放器 24413.1 认识MediaElement.js插件 24513.1.1 下载音视频播放器插件 24513.1.2 开发一个简单的播放器应用 24813.1.3 使用MediaElement.js插件模仿Windows Media Player 25213.2 实现在线播放器 25413.2.1 在页面中添加MediaElement.js 25413.2.2 构建播放器页面布局 25413.2.3 播放器页面初始化 25513.3 小结 257第14章 jQuery HTML 5实现绘图程序 25814.1 准备jquery.deviantartmuro绘图插件 25914.1.1 下载jquery.deviantartmuro绘图插件 25914.1.2 参数说明 26514.1.3 使用jquery.deviantartmuro绘图插件开发Sandbox绘图应用 26814.2 基于HTML 5的Canvas绘图初步应用 27114.2.1 Canvas简介 27114.2.2 Canvas技术基本知识 27114.3 Canvas技术初步应用 27314.3.1 Canvas技术绘制矩形应用 27314.3.2 Canvas技术清除矩形区域应用 27414.3.3 Canvas技术绘制圆弧应用 27514.3.4 Canvas技术绘制路径应用 27614.3.5 Canvas技术绘制线段应用 27814.3.6 Canvas技术绘制贝塞尔曲线与二次样条曲线应用 27914.4 Canvas技术综合应用绘制花样 28014.5 Canvas综合应用绘制复杂图样 28114.6 Canvas综合应用图形变换 28314.7 小结 286
|
內容試閱:
|
前 言
jQuery是高效、精简并且功能丰富的JavaScript工具库。jQuery提供的API易于使用且兼容众多浏览器,让HTML文档遍历和操作、事件处理、动画和Ajax操作等更加简单。如果你想学习Web开发或移动开发框架,那么非jQuery莫属。jQuery跨平台特性既减少了开发人员的工作量,又能让新手快速入门。本书是一本从零起步的jQuery入门书,无论你是否有HTML\CSS\JavaScript基础,都能很好地上手学习,只要多练习、多写代码,看完本书就能够具备实际开发Web和移动Web项目的能力。本书的编写特点? 本书无论是基础理论知识的介绍,还是综合案例应用的开发,都从实际应用角度出发,讲解细致、分析透彻。? 深入浅出、轻松易学。以示例为主线,激发读者的阅读兴趣,让读者能够真正学习到jQuery最实用、最前沿的技术。? 技术新颖、最新版本、与时俱进,较为全面地覆盖时下热门的jQuery技术。? 合理的章节安排,先把环境搭建好,然后从基础的jQuery操作HTML元素入手,进而学习jQuery的一些操作特性,如Ajax、动画、事件、CSS等,最后介绍jQuery Mobile在移动方面的开发基础。本书的内容安排本书共分4篇14章,内容从jQuery基础到jQuery插件,再到jQuery Mobile。第一篇 jQuery基础(第1章~第6章)首先手把手教读者搭建jQuery的开发环境,然后掌握一些必要的JavaScript基础,进而学习jQuery操作HTML、jQuery操作CSS的快捷方式,最后把jQuery的核心特性事件和动画利用示例的方式逐步演示。第二篇 jQuery插件(第7章~第9章)jQuery插件是jQuery之所以流行的最大特色。jQuery插件不只提供jQuery UI插件,因为其开源的特性,很多公司和个人也贡献了很多有意思且能提高开发效率的插件,如多媒体插件能帮助我们更好地开发绚丽多彩的网页和移动界面。第三篇 jQuery移动开发(第10章~第11章)移动网页开发已经普及,企业的网站需要支持更多平台,jQuery Mobile是跨平台方案的首选。本篇重点介绍jQuery移动开发的基础,通过一个完整的移动网页让读者学习jQuery Mobile的选择器、事件、移动开发、APP布局等。第四篇 jQuery实战(第12章~第14章)通过3个案例详细解析jQuery开发中的各种步骤、代码和技术,包括插件的使用、界面的设计、数据库的连接等。本书面对的读者? 网页设计入门者? 网页开发入门者? 网页美工人员? 移动设备网页开发者? 大、中专院校的学生? 各种IT培训学校的学生? 网站后台开发人员? 前端开发入门者? 网站建设与网页设计的相关威客兼职人员
本书由刘鑫编写,其他参与的人员有张泽娜、曹卉、林江闽、林龙、李阳、宋阳、王刚、杨超、张光泽、赵东、李玉莉、刘岩、李雷霆、王小辉。
编 者2017年4月
第 13 章jQuery HTML 5实现视频播放器
以往很多喜欢上网看视频、玩游戏的网友经常抱怨不爽,因为网上好多视频和游戏都需要安装Flash插件,并且速度非常慢。HTML 5标准的出现解决了这一难题,HTML 5提供了音频视频的标准接口,实现了无须任何插件支持,只需用户浏览器支持相应的HTML 5标签即可。难怪业内都坚信HTML 5标准是Flash的终结者!目前,IE9 、Safari、Firefox和Chrome等主流浏览器都支持HTML 5标准,用户可以免除Flash插件安装的烦琐而直接在网页中播放音视频。图13.1是Youtube视频网站的HTML 5视频播放器页面。图13.1 HTML 5视频播放器本章主要内容? 使用MediaElement.js音视频播放器插件? 熟悉HTML 5音视频技术? 制作HTML 5页面音视频播放器13.1 认识MediaElement.js插件MediaElement.js音视频播放器插件是一个HTML 5音频和视频的解决方案,该插件支持使用HTML 5的音频和视频标签及CSS生成的音视频播放器。对于老的浏览器,MediaElement.js插件使用自定义的Flash或Silverlight播放器模拟HTML 5音视频技术。总体上,MediaElement.js是一款支持众多应用的音视频播放器插件,包括jQuery、Wordpress、Drupel、Joomla等,同时完全兼容目前主流浏览器(IE9 、Safari、Firefox和Chrome等)。13.1.1 下载音视频播放器插件MediaElement.js音视频播放器插件的官方网址如下:http:www.mediaelementjs.com在MediaElement.js插件的官方网站,用户可以看到MediaElement.js插件的产品介绍、样例演示链接、源代码下载链接、开发向导链接、官方博客链接、支持文档以及网站版权信息等内容,如图13.2所示。图13.2 查看产品介绍、样例演示链接等信息用户继续向下浏览,可以看到MediaElement.js插件的特性介绍、浏览器支持与Demo演示链接等信息,如图13.3所示。图13.3 查看特性介绍、浏览器支持等信息目前,选择MediaElement.js音视频播放器插件是一个很不错的选择。MediaElement.js插件具有以下优秀特性,全方位支持设计人员开发:? 自由联盟和开放源码支持,无许可限制。? 上手容易,安装部署简单快捷。? 使用纯HTML与CSS开发。? 完全支持HTML 5标准的与标签。? 广泛的平台支持,支持多编解码器、跨浏览器和跨平台。? 全面支持WordPress、Drupal、Joomla、jQuery、BlogEngine.NET、Ruby Gem、Plone、Typo3等流行Web技术。? 为早期浏览器的Adobe?Flash?标准与Silverlight技术提供一致的API接口。? 可扩展的体系结构,方便开发人员完善改进。? 积极和不断增长地为开源社区提供支持。? 提供全面的文档和入门指南。MediaElement.js音视频播放器插件具有很好的跨浏览器支持性,全面兼容目前各款主流浏览器与设备。下面是浏览器支持情况一览。? Windows:Firefox、Chrome、Opera、Safari、IE9 。? Windows Phone:Windows Phone Browser。? iOS:Mobile Safari、iPad、iPhone、iPod Touch。? Android:Android 2.3 Browser 。对于MediaElement.js音视频播放器插件,官方网站还提供了相当丰富的API文档与样例说明,具体如图13.4所示。图13.4 查看API文档与样例说明用户从MediaElement.js插件官方网站可以下载一个大约10MB的源文件压缩包,编写本书时,最新版文件名为johndyer-mediaelement-2.13.2.zip。用户解压缩后可以得到MediaElement.js插件完整的源代码,包括所需jQuery框架支持的类库文件、MediaElement.js插件的相关类库文件以及MediaElement.js插件的全部资源文件。同时,MediaElement.js插件开发方还将其源代码提交到了GitHub资源库,便于设计人员学习交流使用。MediaElement.js插件的GitHub资源库链接地址如下:https:github.comjohndyermediaelementMediaElement.js插件的GitHub页面如图13.5所示。图13.5 MediaElement.js音视频播放器插件GitHub页面
|
|