几个jQuery常用插件（个人学习用）

1.表单验证插件——validate

该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：
$(form).validate({options})
其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。
Validation插件的官方API地址为：http://docs.jquery.com/Plugins/Validation

2.表单插件——form

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery有两个核心方法——ajaxForm()和ajaxSubmit()，它们集合了从控制表单元素到决定如何管理提交进程的功能。
http://jquery.malsup.com/form/。 读者可以下载该插件，并在该网站上查看简单上手说明、API、实例代码等。
通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下：
$(form). ajaxForm ({options})
其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。ajaxForm的参数也可以是一个回调函数

$(’#myFormId’).ajaxForm();

ajaxSubmit().也同样可以有一个参数，一个配置对象options或者回调函数。

// attach handler to form's submit event
$('#myFormId').submit(function() {
    // submit the form
    $(this).ajaxSubmit();
    // return false to prevent normal browser submit and page navigation
    return false;
});

3.图片灯箱插件——lightBox

该插件可以展示选择中的图片，使用按钮查看上下张图片，在加载图片时自带进度条，还能以自动播放的方式浏览图片，调用格式如下：

$(linkimage).lightBox({options})

其中linkimage参数为包含图片的a元素名称，options为插件方法的配置对象。
参考及下载链接：https://lokeshdhakar.com/projects/lightbox2/

4.图片放大镜插件——jqzoom

引入jQuery与jqzoom。准备两张一大一小大小相同的图片，小图片放在<img>标签的"src"属性里，给img标签加个<a>标签，<a>标签的"href"属性链向大图片。
$(linkimage).jqzoom({options})
其中linkimage参数为包含图片的元素名称，options为插件方法的配置对象。

参数说明：

• zoomWidht:　　小图片所选区域的宽度。
• zoomHeight:　 小图片所选区域的高度。
• zoomType:　　 默认值为standard。如果设为reverse，在小图片仲，移入鼠标时，所选区域高亮，非选中区域淡灰色。
• xOffset:　　放大后的图片与小图片间的X(横坐标)距离。
• yOffset:　　放大后的图片与小图片间的Y(纵坐标)距离。
• position:　 放大后的图片相对原图片的位置，默认为"right",还可设置为"left",“top”,“bottom”。
• lens:　　布尔值，表示是否显示小图片中的选中区域，默认值为"true",如果设为"false"，则放大后的图片上面不会出现主题字样。
• imageOpacity:　当zoomType的值为"reverse"时，用来设置非选中区域透明度的值。取值范围在(0.0-1.0)间。
• preloadImages：布尔值，表示是否重新加载大图像。
• preloadText：　 重新加载大图像时，小图像显示的文本说明。
• title：　　　大图像顶部是否显示标签里的title。
• showEffect:　大图像加载时的特效，可选值:"show"表示直接显示，"fadein"由透明度渐变载入效果。
• hideEffect：　　大图像隐藏特效，可选值："hide"表示直接隐藏，"fadeout"透明度渐变隐藏。
• fadeinSpeed: 当大图像的载入特效设为"fadein"时，此属性可设置特效的时间，可选值为’fast’,‘slow’,number分别代表，快慢，毫秒数。
• fadtoutSpeed:　当大图像的隐藏特效设为"fadeout"时，此属性可设置特效载的时间，可选值为’fast’,‘slow’,number分别代表，快慢，毫秒数。

5.cookie插件

Cookie是网站设计者放置在客户端的小文本文件。Cookie能为用户提供很多的便利，例如购物网站存储用户曾经浏览过的产品列表，或者门户网站记住用户喜欢选择浏览哪类新闻。在用户运行的情况下，还可以存储用户的登陆情况，使得用户在访问网站时不必每次都键入这些信息。
jQuery提供了一个十分简单的插件来管理网站的Cookie，该插件的名称也是Cookie.
jQuery Cookie插件的下载地址 http://plugins.jquery.com/cookie/

使用cookie插件后，可以很方便地通过cookie对象保存、读取、删除用户的信息，还能通过cookie插件保存用户的浏览记录，它的调用格式为：
保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null)
其中参数key为保存cookie对象的名称，value为名称对应的cookie值。

６．动态绑定事件插件:livequery

（1）livequery插件简介
    jQuery的事件绑定功能使得jQuery代码与HTML代码能够完全分离，这样代码的层次关系更加清晰，维护起来也更加简单。然而对于动态加载到页面的HTML元素，每次都需要重新绑定事件到这些元素上，十分不便。一款新的插件由此产生，即livequery，可以利用它给相应的DOM元素注册时间或者触发回调函数函数。不仅当前选择器匹配的元素会被绑定事件，而且后来通过JavaScript添加的元素都会被绑定事件。当元素不再和选择器匹配时，livequery会自动取消事件注册，使得开发者不再需要关注HTML元素的来源，只需要关注如何编写其绑定的事件即可。
    通过jQuery选择器选择一个DOM元素，livequery插件会实时地在整个DOM范围将其持久化。这意味着无论元素是先前存在的还是后来动态加载的，事件都会被绑定，就像是CSS给元素添加样式一样。同时，这款插件几乎在没占用什么资源的情况下就做到了这些功能。
（2）jQuery livequery插件的下载地址：http://plugins.jquery.com/livequery/

７．jQuery UI插件

jQuery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库，您可以使用它创建高度交互的 Web 应用程序。
jQuery UI组件构成：
jQuery UI 主要分为3个部分：交互、微件和效果库。
jQuery UI插件的下载地址为：http://jqueryui.com/download/all/。
可以到http://www.jqueryui.org.cn/官网学习使用jQuery UI