jQuery基础（常用插件 表单验证，图片放大镜，自定义对象级，jQuery UI，面板折叠）

1.表单验证插件——validate

 

该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：

 

$(form).validate({options})

 

其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。

 

 

 

 

2.表单插件——form

 

通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下：

 

$(form). ajaxForm ({options})

 

其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。

 

 

 

 

3.图片灯箱插件——lightBox

 

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

 

$(linkimage).lightBox({options})

 

其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。

 

 

 

 

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

 

在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下：

 

$(linkimage).jqzoom({options})

 

其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。