jquery中change()
类别:Web前端 浏览量:1972
时间:2014-11-30 jquery中change()
jquery中change()change()当元素的值发生改变时,会发生 change 事件。该事件仅适用于文本域(text field),以及 textarea 和 select 元素。
当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。
一、change的用法
1、触发 change 事件:触发被选元素的 change 事件
语法
$(selector).change()
2、将函数绑定到 change 事件:规定当被选元素的 change 事件发生时运行的函数。
语法
$(selector).change(function)
二、jquery中change()实例
<html>
<head>
<script type="text/javascript" src="jquery文件"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
$("button").click(function(){
$("input").change();
});
});
</script>
</head>
<body>
<button>激活文本域的 change 事件</button>
<p>Enter your name: <input class="field" type="text" /></p>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="jquery文件"></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
您可能感兴趣
- jquery实现微信中长按识别二维码
- jQuery商品属性选择的实现
- jQuery对象和DOM的相互转换
- jquerycss3轮播案例(CSS3实现列表无限滚动/轮播效果)
- jquery图片轮播代码
- jquery如何优化
- jquery 淡入淡出
- jquery中unbind、bind
- jquery弹出窗口过渡效果(jQuery实现大屏滚动播放效果)
- jquery中使用detach 移除元素
- jqueryajax实现部分刷新(php+jQuery ajax实现的实时刷新显示数据功能示例)
- jquery 实现对联广告
- jquery中index()
- jquery遍历json字符串
- jquery 选择器的用法
- jQuery里$(this)和this的区别有哪些
- 《倚天屠龙记》再遭翻拍,关晓彤主演赵敏,蒋劲夫演张无忌,你怎么看(倚天屠龙记再遭翻拍)
- 吴启华与曾舜晞两代张无忌同框,戏里经典的他却没活出原著的潇洒(吴启华与曾舜晞两代张无忌同框)
- 经常发这三种 朋友圈 的人,要迅速屏蔽(经常发这三种朋友圈)
- 有种尴尬叫朋友圈忘屏蔽,大学生上演社死现场,父母亲自下场吐槽(有种尴尬叫朋友圈忘屏蔽)
- 朋友圈屏蔽你的人,可以直接看淡了(朋友圈屏蔽你的人)
- 金球奖只青睐那些会戴珠宝的女人(金球奖只青睐那些会戴珠宝的女人)
热门推荐
- js网站前端效果(JS如何让你的移动端交互体验更加优秀)
- iis网站提示401 未授权:由于凭据无效,访问被拒绝
- apache服务器对php的支持原理(php apache开启跨域模式过程详解)
- dedecms最新手册(在自己的php页面中使用dedecms标签的代码示例)
- php逻辑技巧图解(php版本CKEditor 4和CKFinder安装及配置方法图文教程)
- IIS7如何限制某个IP地址访问网站
- linuxnfs服务教程(使用Docker的NFS-Ganesha镜像搭建nfs服务器的详细过程)
- 闭包python讲解(详解Python循环作用域与闭包)
- pythonflask怎么设置(python flask安装和命令详解)
- python读取数据集的图片(浅析Python 读取图像文件的性能对比)