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() 释放焦点 ...
随机推荐
- jenkins自动打IOS包(转发)
投稿文章,作者:一缕殇流化隐半边冰霜(@halfrost) 前言 众所周知,现在App的竞争已经到了用户体验为王,质量为上的白热化阶段.用户们都是很挑剔的.如果一个公司的推广团队好不容易砸了重金推广了 ...
- hbase常识及habse适合什么场景
当我们对于数据结构字段不够确定或杂乱无章很难按一个概念去进行抽取的数据适合用使用什么数据库?答案是什么,如果我们使用的传统数据库,肯定留有多余的字段,10个不行,20个,但是这个严重影响了质量.并且如 ...
- java基础:JDK环境安装
根据操作系统位数(32/64,一般64位向下兼容),项目要求版本,下载对应JDK安装包 配置环境变量 JAVA_HOME C:\Program Files\Java\jdk1.7.0_80 PATH ...
- Spring cloud微服务 Hystrix熔断器学习教程
以下demo代码:https://github.com/wades2/HystrixtDemo 官网定义:Hystrix是一个延迟容错库.在分布式环境中,许多服务依赖项中的一些不可避免地会失败.Hys ...
- 转:清除arcsde空间垃圾数据以及解决sde图层名称被占用的问题
因为对空间数据管理的不善(非法的删除.重命名等),导致sde中存在一些垃圾数据.和图层名称被占用,这种问题已经有好几个同事问我怎么解决了?现把这个问题已经解决了,下面将整个详细过程写出来,共享给碰到同 ...
- Android - 常见的控件布局,左中右,左右等
这里汇总的是自己在工作过程中,使用过的常见空间布局,记录在这里.详情如下: 1. 三个控件,分别处于左,中,右 要点:使用RelativeLayout <RelativeLayout andro ...
- SaaS “可配置”和“多租户”架构的几种技术实现方式
1.数据存储方式的选择 多租户(Multi-Tenant ),即多个租户共用一个实例,租户的数据既有隔离又有共享,说到底是要解决数据存储的问题. 常用的数据存储方式有三种. 方案一:独立数据库 一 ...
- System Center Configuration Manager 2016 配置安装篇(Part2)
步骤4.安装SCCM当前分支(版本1802) 注意:以管理员身份在ConfigMgr服务器(CM01)上执行以下操作. 为此,在Configuration Manager服务器(CM16)上,打开W ...
- [转]Android解析json数据
1.json格式 2.json解析 3.gson解析 4.fastjson解析 一.Json格式 json一种轻量级的数据交换格式.在网络上传输交换数据一般用xml, json. 两种结构: 1)对象 ...
- webpack-dev-server启动后, localhost:8080返回index.html的原理
webpack-dev-server是一个采用Node.js Express实现的微型服务器, 内部使用webpack-dev-middleware来响应发送到服务器监听单口的HTTP请求. webp ...