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中的noConflict()用法的相关知识点内容，有需要的朋友们可以学习下。2018-09-09
回车执行跳到下一个文本框，在本文通过jquery简单实现下，需要的朋友可以参考下2013-08-08
这篇文章主要介绍了基于jQuery实现左侧菜单栏可折叠功能，介绍菜单折叠过程中三种变换形式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
这篇文章主要介绍了jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果,实例分析了jquery常用的几种背景动态变换效果,涉及jquery动态操作页面动画效果实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了常用jQuery选择器总结,总结的很简洁,很容易看明白和学会它,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jQuery选择器基础知识,结合实例分析了jQuery选择器的功能、使用方法与相关操作技巧,需要的朋友可以参考下2016-05-05
这篇文章主要为大家详细介绍了jQuery实现聊天对话框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
前几篇文章中的示例代码，去掉了几个 bug, 这里一起提供下载。2010-08-08
关于juqery radio写法的兼容性问题(新老版本jquery)
最近经客户反映，页面某些效果无反应，经查找，发现juqery的写法有问题（jquery获取radio值）,主要是因为新版本修改了部分实现方式。2010-06-06
这篇文章主要介绍了jquery操作select常见方法,结合实例形式总结分析了jQuery操作select常见的7种情况与相关操作技巧,需要的朋友可以参考下2019-05-05
最新评论