jQuery中change事件用法实例
更新时间：2014年12月26日 11:33:08 投稿：shichen2014
这篇文章主要介绍了jQuery中change事件用法,以实例形式分析了在匹配元素焦点变化时触发事件使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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://www.jb51.net/" />
<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程序设计有所帮助。
相关文章
jQuery:delegate中select()不起作用的解决方法(实例讲解)
本篇文章只要是对jQuery:delegate中select()不起作用的解决方法进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了jQuery中size()方法用法,实例分析了size()方法返回对象集合中元素数目的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jQuery实现为table表格动态添加或删除tr功能,结合实例形式分析了jQuery针对table表格行动态操作相关实现技巧,需要的朋友可以参考下2019-02-02
下面小编就为大家带来一篇利用JQuery直接调用asp.net后台的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
详解JavaScript异步编程中jQuery的promise对象的作用
这篇文章主要介绍了JavaScript异步编程中jQuery的promise对象的作用,同时也谈到了js的Dojo框架中promise模式的实现,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了JQuery点击按钮跳转页面的实现方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
下面小编就为大家带来一篇jquery 判断div show的状态实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-12-12
这篇文章主要介绍了jquery带下拉菜单和焦点图代码，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
Boxy是一个基于JQuery的弹出层插件，它有相对漂亮的外观，功能齐全，支持iframe，支持模式窗口但相对于同样的弹出层插件BlockUI它明显笨重，但使用不那么方便。2011-10-10
最近这个项目中有几个需要录入日期的地方，开始由于没有对这些地方进行有效性验证，结果用户录入的日期有好多非法日期，诸如什么2007-2-29，还有2005-2-30等错误日期2010-03-03
最新评论