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 相关文章推荐
js之WEB开发调试利器:Firebug 下载
Jan 13 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
关于javascript中的typeof和instanceof介绍
Dec 04 Javascript
有关于eclipse配置spket需要注意的一些地方
Apr 07 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 Javascript
javascript中的正则表达式使用详解
Aug 30 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
iframe高度自适应及隐藏滚动条的实例详解
Sep 29 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
小程序实现列表点赞功能
Nov 02 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+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
php 读取文件夹下所有图片、文件的实例
2018/10/17 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
介绍一个简单的JavaScript类框架
2015/06/24 Javascript
JS+CSS实现下拉列表框美化效果(3款)
2015/08/15 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
让nodeJS支持ES6的词法----babel的安装和使用方法
2017/07/31 NodeJs
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
基于js Canvas实现二次贝塞尔曲线
2018/12/25 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
2019/01/08 Javascript
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
朴素贝叶斯算法的python实现方法
2014/11/18 Python
使用Python编写简单的端口扫描器的实例分享
2015/12/18 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
对python requests发送json格式数据的实例详解
2018/12/19 Python
django迁移文件migrations的实现
2020/03/31 Python
animation和transition的区别
2020/10/12 HTML / CSS
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
初中生物教学反思
2014/01/10 职场文书
音乐教学随笔感言
2014/02/19 职场文书
《孔繁森》教学反思
2014/04/17 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
关于运动会的口号
2014/06/07 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
趣味运动会标语口号
2015/12/26 职场文书
JavaScript 语句之常用 for 循环详解
2021/03/29 Javascript