jquery中change()用法实例分析
更新时间：2015年02月06日 09:23:18 作者：whazhl
这篇文章主要介绍了jquery中change()用法,实例分析了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程序设计有所帮助。
相关文章
瀑布流触发分页可以理解为微博中的浏览效果、到一定程度时显示页数进行分页,而分页触发瀑布流可以理解为Twitter拉到一页设定的最大条数后继续用瀑布流展示下一页,接下来我们就来详细看看AJAX实现瀑布流触发分页与分页触发瀑布流的方法2016-05-05
下面小编就为大家带来一篇JQuery之proxy实现绑定代理方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
下面小编就为大家带来一篇浅析jquery unbind()方法移除元素绑定的事件。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本文主要介绍了jQuery实现别踩白块儿网页版小游戏的思路分析与代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
正如标题所言会用到removeClass移除CSS类、addClass添加CSS类、toggleClass添加或者移除CSS类，hasClass判断是否已经存在CSS2014-08-08
本文主要介绍了jquery获取下拉框中的循环值的方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
本文给大家分享的是使用jQuery结合CSS3制作的仿猎豹浏览器宽屏banner焦点图特效，代码很简单，效果却非常棒，而且兼容各大浏览器，这里推荐给大家，有需要的小伙伴参考下。2015-03-03
这篇文章主要介绍了jQuery实现移动端下拉展现新的内容回弹动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数，解决办法是在此函数的基础上在做一层封装2013-05-05
这篇文章主要介绍了jQuery实现的简单歌词滚动功能,结合实例形式分析了基于jQuery插件scroll.js实现滚动功能相关操作技巧,涉及jQuery结合时间函数动态操作页面元素相关实现方法,需要的朋友可以参考下2019-01-01
最新评论