15天学会jQuery编程与实战(视频教学版) - (EPUB全文下载)

文件大小:0.44 mb。
文件格式:epub 格式。
书籍内容:

15天学会jQuery编程与实战(视频教学版)
第1章 欢迎进入移动开发的世界
第2章 学习jQuery必会的JavaScript基础
第3章 jQuery操作HTML
第4章 jQuery操作CSS
第5章 jQuery操作事件
第6章 jQuery操作动画
第二篇 jQuery插件
第7章 jQuery插件
第8章 jQuery官方UI插件
第9章 jQuery多媒体插件
第三篇 jQuery移动开发
第10章 jQuery Mobile移动开发
第11章 开发移动博客
第四篇 jQuery实战
第12章 jQuery+HTML 5实现文件拖动上传
第13章 jQuery+HTML 5实现视频播放器
第14章 jQuery+HTML 5实现绘图程序
第1章 欢迎进入移动开发的世界
当前,网页开发几乎所有项目都依赖于jQuery框架。jQuery是一个开源的JavaScript库,创始人是美国的John Resig,他于2006年1月创建了jQuery项目。jQuery库的目的是使网站开发人员用较少的代码完成更多功能(write less,do more)。jQuery具有极其简洁的语法,并且克服了不同浏览器平台的兼容性,极大地提高了程序员编写网站代码的效率。随着人们对jQuery的了解及其开源的特性,使用jQuery创建项目的人越来越多,还对jQuery进行了完善和优化。
本章主要内容
下载jQuery最新版本
学习利用浏览器的开发工具调试jQuery
了解jQuery库的核心方法$()
学习创建一个带jQuery库的网页
1.1 下载jQuery
为了能够使用jQuery,首先必须从jQuery官方网站下载最新的jQuery库。jQuery官方网站的网址如下:
http://jquery.com
进入官方网站后,在页面右上角可以看到Download jQuery按钮,如图1.1所示。
图1.1 下载jQuery库
jQuery是一个不断开发的JavaScript库,编写本书时最新版本已经到了3.x。jQuery 3.x不支持Internet Explorer(IE)6/7/8版本,如果读者的项目需要支持IE这些低版本,那么可以下载jQuery 1.11.x版本。
无论是jQuery 1.x还是jQuery 3.x,官方网站都提供3个下载文件,如图1.2所示。
图1.2 jQuery不同版本的下载页面
可以看到,jQuery 3.1.1有3个可供下载的文件,分别是:
Production jQuery版 优化压缩后的版本,具有较小的体积(90K),主要在部署网站时使用。
Development jQuery版 未压缩版本,大小为261KB,一般在网站建设时使用这个版本,以便调试。
jQuery map文件 map文件能够被用来在某些现代浏览器上调试压缩后的jQuery文件,如Google Chrome。map文件可以增强调试的体验,对于使用jQuery的用户来说,一般不需要下载该文件。
右击文件,从弹出的菜单中选择“另存为”,即可将选中的jQuery文件保存起来(保存后的文件是jquery-3.1.1.js)。笔者建议调试时使用Development jQuery版,程序发布时使用Production jQuery版。
与自行编写的其他js文件一样,jQuery库实际上就是一个扩展JavaScript功能的外部js文件,因此引用jQuery库的方式与引用其他外部js文件相似。在网页上引用jQuery库的代码如下:


1.2 编写第一个包含jQuery库的程序
编写jQuery的工具很多,记事本、Notepad++、Dreamweaver都可以。为方便读者学习,这里先简单用记事本写一个HTML 5网页。
【示例1-1】jquery01.html
01
02
03
04
05 HELLO
06
07

Hello jQuery,我来了

08
09
这个网页代码结构比较简单,估计学习过HTML的人都能看懂。代码中只有一个div,会在网页中显示一行文字“Hello jQuery,我来了”。
此时,我们要为div增加一个单击事件,首先要获取div,使用的JavaScript代码是:
document.getElementById("hi")
如果使用jQuery,代码是:
$("# hi")
这样进行比较后,是不是发现jQuery书写更简单。下面使用jQuery为div增加事件。
(1)首先在第05行后面添加对jQuery库的引用。这里要注意js文件存放的位置,如果在当前目录中,就不需要../。../是指js文件在上一级目录中。

(2)在文档的加载事件中为div增加事件。

首先使用$( ............

以上为书籍内容预览,如需阅读全文内容请下载EPUB源文件,祝您阅读愉快。

版权声明:书云(openelib.org)是世界上最大的在线非盈利图书馆之一,致力于让每个人都能便捷地了解我们的文明。我们尊重著作者的知识产权,如您认为书云侵犯了您的合法权益,请参考版权保护声明,通过邮件openelib@outlook.com联系我们,我们将及时处理您的合理请求。 数研咨询 流芳阁 研报之家 AI应用导航 研报之家
书云 Open E-Library » 15天学会jQuery编程与实战(视频教学版) - (EPUB全文下载)