jQuery中change事件用法实例


Posted in Javascript onDecember 26, 2014

本文实例讲述了jQuery中change事件用法。分享给大家供大家参考。具体分析如下:

change事件会在匹配元素失去焦点或者其值获得焦点并且改变时触发。

一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序。
可以通过change()方法为change事件绑定事件处理程序。例如:

$("input").change(function(){$("input").css("backgroundColor","green")})

以上代码就是将function函数作为事件处理程序通过change()方法绑定到change事件。当触发change事件的时候,就会调此函数。
实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("input").change(function(){

    $("input").css("backgroundColor","green")

  }) 

}) 

</script> 

</head> 

<body> 

<div><input type="text" name="content" /></div> 

<div>改变文本框文字就会触发事件</div> 

</body> 

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
js 获取radio按钮值的实例
Aug 17 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
May 02 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
快速掌握Node.js环境的安装与运行方法
Feb 16 Javascript
JS中多步骤多分步的StepJump组件实例详解
Apr 01 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
Jun 29 Javascript
JavaScript原型继承_动力节点Java学院整理
Jun 30 Javascript
浅谈在react中如何实现扫码枪输入
Jul 04 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
jQuery中mouseover事件用法实例
Dec 26 #Javascript
javascript实现禁止右键和F12查看源代码
Dec 26 #Javascript
Angularjs 基础入门
Dec 26 #Javascript
jQuery 实现侧边浮动导航菜单效果
Dec 26 #Javascript
Javascript的闭包详解
Dec 26 #Javascript
jQuery中focus事件用法实例
Dec 26 #Javascript
生成二维码方法汇总
Dec 26 #Javascript
You might like
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
PHP中比较两个字符串找出第一个不同字符位置例子
2014/04/08 PHP
php常用数学函数汇总
2014/11/21 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
formValidator3.3的ajaxValidator一些异常分析
2011/07/12 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
JavaScript中字符串拼接的基本方法
2015/07/07 Javascript
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
vue实现购物车案例
2020/05/30 Javascript
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
Python  连接字符串(join %)
2008/09/06 Python
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
Python中的迭代器漫谈
2015/02/03 Python
python使用win32com库播放mp3文件的方法
2015/05/30 Python
python基本语法练习实例
2017/09/19 Python
python中pika模块问题的深入探究
2018/10/13 Python
详解python的argpare和click模块小结
2019/03/31 Python
python浪漫表白源码
2019/04/05 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
同程旅游英文网站:LY.com
2018/11/13 全球购物
英国著名书店:Foyles
2018/12/01 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
当我正在为表建立索引的时候,SQL Server 会禁止对表的访问吗
2014/04/28 面试题
程序员经常用到的UNIX命令
2015/04/13 面试题
银行开业庆典方案
2014/02/06 职场文书
Python办公自动化之Excel(中)
2021/05/24 Python
Android Studio 计算器开发
2022/05/20 Java/Android