jquery change事件用法入门

发布时间:2020-10-22编辑:脚本学堂
jquery onchange事件的用法,change事件用于在匹配元素失去焦点或其值获得焦点并且改变时触发,这里介绍了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="http://www.plcxue.com/" />
<title>plc学堂 - www.plcxue.com</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>