jquery 表单事件
.blur()
当元素失去焦点的时候触发事件。
.blur(handler(eventObject))
handler(eventObject)
每当事件触发时候执行的函数。
.blur([eventData],handler(eventObject))
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
每当事件触发时执行的函数。
效果:
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
}); 当输入域失去焦点 (blur) 时改变其颜色:
.change()
当元素的值发生变化时,会触发此事件,该事件仅用于text field textarea 和 select
.change(handler)
handler
每当事件触发时执行的函数。
.change([eventData,handler])
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler
每当事件触发时执行的一个函数。
.change()
这个方法不接受任何参数
用法:
$("textarea").change(function(){
$(this).css("color","red");
});
.focus()
当元素获得焦点的时候触发的事件。
.focus(handler(eventObject))
handler(eventObject)
每当事件触发时候执行的函数。
.focus([eventData],handler(eventObject))
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
每当事件触发时执行的函数。
用法:
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
.select()
当触发select 事件时执行函数。
.select(handler(eventObject))
handler(eventObject
每当事件触发时候执行的函数。
.select([eventData],handler(eventObject))
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
每当事件触发时执行的函数。
效果:
$("input").select(function(){
$("input").after(" Text marked!");
});
.submit()
当提交表单时会触发此函数。
.submit(handler(eventObject))
handler(eventObject
每当事件触发时候执行的函数。
.submit([eventData],handler(eventObject))
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
每当事件触发时执行的函数。
效果:
$("form").submit(function(e){
alert("Submitted");
});
jquery 表单事件的更多相关文章
- jQuery表单事件
1.focus() 获得焦点,适用于所有元素2.blur() 失去焦点,适用于所有元素3.change() 当内容改变时触发 只适用于 input textarea select4.select() ...
- jQuery基础(鼠标事件,表单事件,键盘事件,自定义事件 篇)
1.jQuery鼠标事件之click与dbclick事件 方法一:$ele.click()(不带参数) <div id="test">点击触发<div&g ...
- jQuery-3.事件篇---表单事件
jQuery表单事件之blur与focus事件 在之前2.8与2.9节我们学过了表单处理事件focusin事件与focusout事件,同样用于处理表单焦点的事件还有blur与focus事件 它们之间的 ...
- Jquery表单序列化和AJAX全局事件
Jquery表单序列化 1.必须放在form标签内: 2.控件必须有name属性: 3.控件的value值会提交到服务器: 如: <form id="form1"> & ...
- python_way day17 jQuery表单验证,事件绑定,插件,文本框架,正则表达式
python_way day17 1.jQuery表单验证 dom事件绑定 jquery事件绑定 $.each return值的判断 jquery扩展方法 2.前段插件 3.jDango文本框架 4. ...
- jQuery学习- 表单事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 【jquery】Validform,一款不错的 jquery 表单验证插件
关于 Validform 这是一款很不错的 jquery 表单验证插件,它几乎能够满足任何验证需求,仅仅一行代码就能搞定整站的表单验证. $('form').Validform(); 为什么能如此方便 ...
- 【jQuery基础学习】06 jQuery表单验证插件-Validation
jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等1 ...
- Day050--jQuery表单事件 轮播图 插件库 ajax
表单控件的事件 change()表单元素发生改变时触发事件 select()文本元素发生改变时触发事件 submit()表单元素发生改变时触发事件 .focus() 获取焦点 .blur() 释放焦点 ...
随机推荐
- inventor安装失败怎样卸载安装inventor 2018?
AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...
- 对象池1(方法功能)PoolOption
2.对象池PoolOption(方法功能) //单类型缓冲对象管理(单模池操作管理)功能: 激活.收回.预加载等. namespace kernal { [System.Serializable] p ...
- [转]JQuery ui 实现类似于confirm的功能
本文转自:http://www.cnblogs.com/JerryWang1991/archive/2011/08/04/2127503.html 今天在改进参加一个全国比赛的项目作品时,发现使用了大 ...
- 多级菜单 menu
jquery menu: http://jqueryui.com/menu/ Kendo UI Demos http://demos.telerik.com/kendo-ui/web/menu/ind ...
- [转]JS判断访问设备、客户端操作系统类型
本文转自:http://www.cnblogs.com/duanguyuan/p/3534470.html 先给出一个实例:判断windows.linux.android 复制以下代码另存为html文 ...
- OpenStack Weekly Rank 2015.07.27
Module Reviews Drafted Blueprints Completed Blueprints Filed Bugs Resolved Bugs Cinder 7 1 1 7 10 Sw ...
- 自己的spring boot starter
这篇文章说的更加详细具体:https://www.cnblogs.com/hjwublog/p/10332042.html 在刚开始看spring boot的时候,发现这么多starter,不免觉得好 ...
- Linux的cron服务
可以用以下命令启动和停止服务: /sbin/service crond start /sbin/service crond stop /sbin/service crond restart /sbin ...
- iis部署网站打不开
事件查看器 1.crypt32报错 2.ASP.NET 2.0错误 解决办法: 1.crpt32报错,根本原因是计算机无法连接更新根证书所致,可能造成死循环. [1]必须连接到 Internet 或关 ...
- mysql存储过程游标加计划任务事件调度器
存储过程加事件调度器 -- 存储过程 (多个)游标的使用 临时表的使用(让执行时间从一个小时降低到5分钟)DELIMITER $$ DROP PROCEDURE IF EXISTS `eval_cal ...