24、jQuery插件：增强网页交互性的利器

jQuery插件：增强网页交互性的利器

1. 引入jQuery插件

在网页开发中，JavaScript和jQuery能让我们用少量代码为网页添加实用的交互功能。但有时，我们可能渴望更有趣、更复杂的用户界面插件，比如滑块插件。滑块是一种流行的首页元素，能在页面的大面积区域依次展示多张幻灯片，幻灯片可以是照片、视频或包含HTML内容的 <div> 标签。用户可以通过点击按钮浏览幻灯片，也可以点击幻灯片跳转到网站的其他页面。

不过，编写滑块（也称为轮播图）程序可能困难且复杂。好在jQuery拥有庞大的插件生态系统。jQuery插件是与jQuery协同工作的JavaScript文件，能实现很多酷炫的功能，如在网页上添加滑块、帮助验证表单输入等。jQuery UI是一个大型且复杂的插件，可用于构建大型Web应用所需的所有控件。大多数插件则是小型的JavaScript文件，能出色地完成单一任务。

例如，图中所示的Wow Slider是一个商业插件（如果将其用于商业网站需要付费）。但许多插件是免费且开源的，这意味着我们可以免费使用，甚至可以打开JavaScript文件查看其编写方式。研究其他开发者的代码是学习编写插件的好方法，还可能通过修改代码改进插件。

要找到合适的插件，可以从jQuery官网的插件目录（http://plugins.jquery.com）开始，也可以访问Sitepoint.com或WebDesignerDepot.com等网站，或者直接在网上搜索。比如，搜索“google maps jquery plug - in”会列出可能有用的插件，帮助我们在网站上添加谷歌地图。

2. 选择jQuery