jQuery 常 用 插 件 1
来源:互联网 发布:网页描述如何优化 编辑:程序博客网 时间:2024/05/14 06:57
jQuery 常用插件
1、表单验证插件——validate
该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options})
其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。
2、表单插件——form
通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下$(form). ajaxForm ({options})
其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。
例如,在页面中点击“提交”按钮,调用form插件的
ajaxForm()方法向服务器发送录入的用户名和密码数据,服务器接收后返回并显示在页面中,如下图所示:
3、图片灯箱插件——lightBox
该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用格式如下:
$(linkimage).lightBox({options})
其中linkimage参数为包含图片的<a>元素名称,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对象的名称,value为名称对应的cookie值。
例如,当点击“设置”按钮时,如果是“否保存用户名”的复选框为选中状态时,则使用cookie对象保存用户名,否则,删除保存的cookie用户名,如下图所示:
6、搜索插件——autocomplete
搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下:$(textbox).autocomplete(urlData,[options]);
其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。
7、右键菜单插件——contextmenu
右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作,调用代码如下:$(selector).contextMenu(menuId,{options});
Selector参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象。
8、自定义对象级插件——focuscolor插件
自定义的lifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色,调用格式为:
$(Id).focusColor(color)
(<a href="http://www.dztcsd.com/">资质代办</a>)
9、自定义类级别插件—— addNum,subNum
可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为:
$.addNum(p1,p2) 和 $.subNum(p1,p2)
上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。
作者: lym_2016
来源:慕课网
- jQuery 常 用 插 件 1
- 插Spider.Financial.NumXL.v1.65.42892.1件
- Jquery 常犯错误
- 女人常干的十二件事
- linux中文件保存导常
- Memo: Jquery 常忘语句
- jquery之ajaxfileupload异步上传插
- sd/mmc/tf插拔无法挂载文件系统
- jQuery中常用事件
- jquery提交前事件
- 关于插值1
- 自动插数 1
- NFS挂载文件系统,常遇见问题
- 女人常干的12件事,看完别脸红
- 智能手机用户常干的 10 件蠢事
- IOS 预编译文件 常定义的几个宏定义
- Tab标签页(面试常考)分别用原生js和jquery实现
- 面试jQuery常遇到的问题
- Oracle数据库表的修改
- Git配置多账号登录不同项目
- 前端页面a标签嵌套a标签效果的两种解决方案
- MySql语句的各种约束,很基础!
- ThinkPHP 验证码
- jQuery 常 用 插 件 1
- PADS在画好的电路图上修改元件的封装
- 关于使用git的一点心得体会
- Codecraft-17 and Codeforces Round #391 (Div. 1 + Div. 2, combined) A. Gotta Catch Em' All!(水题)
- 分不清ARM和X86架构,别跟我说你懂CPU!
- 历届试题 兰顿蚂蚁
- Redis的持久化机制
- 安卓成长记(七)
- MindManager中的拼写检查功能怎么用