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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
Apr 01 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
javascript 节点排序 2
Jan 31 Javascript
Prototype源码浅析 Enumerable部分之each方法
Jan 16 Javascript
js如何获取兄弟、父类等节点
Jan 06 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
jQuery实现图片向左向右切换效果的简单实例
May 18 Javascript
详解Vue生命周期的示例
Mar 10 Javascript
js实现图片懒加载效果
Jul 17 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
Nov 20 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 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
2015/05/12 PHP
php实现的任意进制互转类分享
2015/07/07 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
js里怎么取select标签里的值并修改
2012/12/10 Javascript
JavaScript实现的日期控件具体代码
2013/11/18 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
2016/06/17 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
JS实现闭包中的沙箱模式示例
2017/09/07 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
微信小程序的mpvue框架快速上手指南
2019/05/15 Javascript
JavaScript实现简易聊天对话框(加滚动条)
2020/02/10 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
[01:28]2014DOTA2国际邀请赛中国区预选赛四大豪门直升机抵达会场
2014/05/24 DOTA
[02:56]DOTA2上海特锦赛小组赛解说FreeAgain采访花絮
2016/02/27 DOTA
[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场
2018/04/04 DOTA
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
简洁的十分钟Python入门教程
2015/04/03 Python
对python数据切割归并算法的实例讲解
2018/12/12 Python
Python常用爬虫代码总结方便查询
2019/02/25 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
python 实现性别识别
2020/11/21 Python
html5清空画布方法(三种)
2017/10/16 HTML / CSS
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
构造器Constructor是否可被override?
2013/08/06 面试题
招商业务员岗位职责
2013/12/16 职场文书
农村党员一句话承诺
2014/05/30 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
副校长个人对照检查材料思想汇报
2014/10/04 职场文书
外贸业务员岗位职责
2015/02/13 职场文书
教师个人自我评价
2015/03/04 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书