jQuery的change()事件

1.change()定义和用法

当元素的值发生改变时，会发生 change 事件。

该事件仅适用于文本域（text field），以及 textarea 和 select 元素。

change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。

注释：当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

代码

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){$(".field").change(function(){$(this).css("background-color","#FFFFCC");});
});
</script>
</head>
<body>
<p>在某个域被使用或改变时，它会改变颜色。</p>
Enter your name: <input class="field" type="text" />
<p>Car:
<select class="field" name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</p>
</body>
</html>

效果

jQuery的change()事件相关推荐

jquery select change事件_jQuery实现省市联动效果
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
change事件判断ajax,jquery中change事件里面if语句失效
彩色黑白两个下拉框给第一个下拉框change事件请求不同的ajax地址改变第二个下拉框的数据 $("#img-type").change(function(){ cons ...
jquery input change事件
input输入框的change事件,要在input失去焦点的时候才会触发 $('input[name=myInput]').change(function() { ... }); 在输入框内容变化的时 ...
jquery的radio的change事件
一.用的jquery的radio的change事件:当元素的值发生改变时,会发生 change 事件,radio选择不同name值选项的时候恰巧是值发生改变表单单选框 <input type= ...
Html事件change,了解change事件
本文实例讲述了jQuery中change事件用法.分享给大家供大家参考.具体分析如下: change事件会在匹配元素失去焦点或者其值获得焦点并且改变时触发. 一个完整的事件过程,不但要有能够触发事件的 ...
在layui中使用 jquery 触发select 的 change事件无效
在layui中使用 jquery 触发select 的 change事件无效使用layui.use监听select事件 <select lay-filter="demo" ...
用jquery给Struts2的s:radio /标签添加change事件
用到Struts2的<s:radio/>标签时想给它添加一个change事件,由于此标签为页面自动生成一个radio组,不能像平常那样控制.网上说了一大堆,也没找到一个满意的.如果像以前那 ...
jquery radio/checkbox change 事件不能触发的问题
需求 <input type="radio" id="need" name="need" value="0" /& ...
html select 事件 jquery,通过jquery触发select自身的change事件
###通过jquery触发select自身的change事件 1.通过js来去触发select的change事件代码如下:包含了html部分和js部分 //html部分选择省份 {$provinc ...

jQuery的change()事件

jQuery的change()事件相关推荐

最新文章

热门文章