《jQuery基础教程》读书笔记07
第七章 使用插件
通过使用jQuery简洁的插件架构,开发者能够把jQuery的功能扩展得更加丰富。
7.1 查找插件和帮助
7.1 查找插件和帮助
jQuery官方网站的插件库(地址为http://plugins.jquery.com/)囊括了大量插件。
7.2 使用插件
使用jQuery插件很简单。只要找到插件的URL,在HTML中引用它,然后在脚本中使用即可。为了演示这个过程,我们需要找一个插件作为例子。
7.2.1 下载并包含Cycle插件
7.2.1 下载并包含Cycle插件
<head> <meta charset="utf-8"> <title>jQuery Book Browser</title> <link rel="stylesheet" href="07.css" type="text/css" /> <script src="jquery.js"></script> <script src="jquery.cycle.all.js"></script> <script src="07.js"></script> </head>Cycle插件可以作用于页面中的任何一组同辈元素。为展示这一点,我们需要一个简单的HTML文档,文档中是一个包含图书封面和相关信息的列表,可以添加到HTML文档的主体中。
7.2.2 调用插件提供的方法
Cycle插件可以作用于页面中的任何一组同辈元素。
7.2.3 为插件方法指定参数
为插件方法传递参数与向jQuery方法中传递参数没有什么不一样。多数情况下,传递的参数是放在一个对象中的,对象由参数的键值对构成(正如第6章为$.ajax()传递的参数那样)。Cylce可以接受的参数非常之多,仅.cycle()方法本身就可以接受50个配置选项。
7.3 其他形式的插件
7.3 其他形式的插件
7.3.1 自定义选择符
支持自定义选择符表达式的插件扩展了jQuery内置选择符引擎的功能,可以让我们以全新的方式查找元素。Cycle就支持一种自定义选择符,下面我们就来体验一下这个功能。
Cycle的幻灯片通过调用.cycle('pause')和.cycle('resume')可以暂停和恢复播放。
7.4 jQuery UI 插件库
访问http://jqueryui.com/,可以下载所有jQuery UI模块,或者查看相应的文档及示例。其中下载页面中提供了涵盖所有特性的组合下载,也提供了可以自由组合的自定义下载。
jQuery UI中的效果(effect)模块由一个核心文件和一组独立的效果文件组成。其中,核心文件为创建颜色动画和基于类的动画提供了支持,同时也提供了高级的缓动函数。
jQuery UI中的效果(effect)模块由一个核心文件和一组独立的效果文件组成。其中,核心文件为创建颜色动画和基于类的动画提供了支持,同时也提供了高级的缓动函数。
1. 颜色动画
2. 基于类的动画
3. 高级缓动函数
4. 其他效果
效果模块的独立效果文件中包含了非常多的变换,其中一些变换远比jQuery本身提供的简单滑
动和淡化动画复杂得多。
7.5 jQuery Mobile 插件库
动和淡化动画复杂得多。
7.5 jQuery Mobile 插件库
前面介绍了jQuery UI库,它能帮我们构建起完善的用户界面,也解决了很多难题。但是,还有另一类问题需要应对,那就是在移动设备中优雅地展示页面和交互。如果你需要为智能手机和平板电脑创建网站或应用,那可以考虑jQuery Mobile项目。
小结:
小结:
本章介绍了在网页中整合第三方插件的各种方式。其中,着重讨论了Cycle、jQuery UI和jQueryMobile,并展示了在其他插件中同样会遇到的一些模式。
三奇智元机器人科技有限公司公司福利 97人发布
