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的拖动布局插件，需要的朋友可以参考下。2011-11-11
使用jquery+iframe做一个ajax上传效果(实例)
下面小编就为大家带来一篇使用jquery+iframe做一个ajax上传效果(实例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
本文示例要为大家实现的效果是鼠标滑动,显示详情，代码很简洁，很适合学习2014-01-01
jquery form input 选择，获取 id为 instanceInfo form 下的 隐藏的input,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了jquery实现Ctrl+Enter提交表单的方法,涉及jquery针对键盘按键的响应与表单操作相关技巧,非常简单实用,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jquery实现表格本地排序的方法,实例分析了jQuery操作数组实现本地表格排序的技巧,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery UI插件自定义confirm确认框的方法,实例分析了jQuery的UI插件使用技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
本篇文章介绍了jQuery实现表格的排序方法与主要思路，相信会对大家有所帮助，下面就跟小编一起来看看吧2016-12-12
jquery $.each 和for怎么跳出循环终止本次循环
如何在jquery 中的循环中终止本次循环或者跳出循环呢？经搜索发现个不错的方法，大家不妨参考下，希望对大家有所帮助2013-09-09
这篇文章主要为大家详细介绍了jquery ztree实现模糊搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
最新评论