首页 > 代码库 > Jquery常用插件

Jquery常用插件

1,表单验证插件 validate

该插件自带包含必填,数字,url在内容的验证规则,即时显示异常信息

$(form).validate({options})

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

技术分享

2,表单插件 form

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

$(form).ajaxForm({options})

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

技术分享

 

 3,图片灯箱插件  lightBox

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

$(linkimg).lightBox({options})

技术分享

 

 4,图片放大镜插件 jqzoom

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

$(linkimage).jqzoom({options})

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

技术分享

 

5.cookie插件  cookie使用cookie插件后,可以很方便的通过cookie对象保存,读取,删除用户的信息,还能通过cookie插件保存用户的浏览记录

保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null);

其中参数key为保存cookie对象的名称, calue为名称对应的cookie值

技术分享

 

6.搜索插件  autocomolete

搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择

$(textbox).autocomplete(urlData,[options]);

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

技术分享

7,右键菜单插件  contextmenu

右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素, 点击右键,便通过改插件弹出一个快捷菜单,点击菜单各项名称执行相应操作

$(selector).contextMenu(menuId,{options})

selector参数为绑定插件的元素,menuid为快捷菜单元素,options为配置对象

技术分享

8,自定义对象级插件  lifocuscolor插件

自定义的lifocuscolor插件可以在ul元素中,鼠标在表项li元素移动时,自定义其获取焦点时的背景色。

$(Id).focusColor(color)

其中,参数id表示ul元素的id号,color表示li元素选中时的背景色

技术分享

 

Jquery常用插件