Jquery常用插件总结

1.表单验证插件——validate

$(form).validate({options})

            $(function () {
                $("#frmV").validate(
                  {
                      /*自定义验证规则*/
                      rules: {
                            email:{
                            required:true,
                            email:true,
                          }
                      },
                      /*错误提示位置*/
                      errorPlacement: function (error, element) {
                          error.appendTo(".tip");
                      }
                  }
                );
            });

2.表单插件——form

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

$(function () {
                var options = {
                    url: "http://www.imooc.com/data/form_f.php", 
                    target: ".tip"
                }
                $("#frmV").ajaxForm(options);
            });

3.图片灯箱插件——lightBox

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

$(function () {
                 $(".divPics a").lightBox({
                    overlayBgColor: "#666", //图片浏览时的背景色
                    overlayOpacity: 0.5, //背景色的透明度
                    containerResizeSpeed: 600 //图片切换时的速度
                })
            });

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

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

$(function () {
                $("#jqzoom").jqzoom({//绑定图片放大插件jqzoom
                    zoomWidth: 200, //小图片所选区域的宽
                    zoomHeight: 300, //小图片所选区域的高
                    zoomType: 'reverse' //设置放大镜的类型
                });
            });

5.cookie插件——cookie

保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null)

6.搜索插件——autocomplete

$(textbox).autocomplete(urlData,[options]);
其中，textbox参数为文本框元素名称，urlData为插件返回的相近字符串数据，可选项参数options为调用插件方法时的配置对象。

7.右键菜单插件——contextmenu

右键菜单插件可以绑定页面中的任意元素，绑定后，选中元素，点击右键，便通过该插件弹出一个快捷菜单，点击菜单各项名称执行相应操作，调用代码如下:
$(selector).contextMenu(menuId,{options});
Selector参数为绑定插件的元素，meunId为快捷菜单元素，options为配置对象。

8.自定义对象级插件——lifocuscolor插件

自定义的lifocuscolor插件可以在

元素移动时，自定义其获取焦点时的背景色，即定义
元素选中时的背景色，调用格式为：
$(Id).focusColor(color)
其中，参数Id表示
- 元素选中时的背景色。
  
  9.自定义类级别插件—— twoaddresult
  
  通过调用自定义插件twoaddresult中的不同方法，可以实现对两个数值进行相加和相减的运算，导入插件后，调用格式分别为：
  $.addNum(p1,p2) , $.subNum(p1,p2)