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中noConflict()用法实例分析，包括了jQuery中noConflict()用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下： jQuery默认使用"$"操作符，$ 符号只是 window.jQuery 对象的一个引用，jQuery.noConflict() ，这个函
-
本文向大家介绍JQuery中Text方法用法实例分析，包括了JQuery中Text方法用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JQuery中Text方法用法。分享给大家供大家参考。具体如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jQuery中的siblings用法实例分析，包括了jQuery中的siblings用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考，具体如下： 所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。 我们还知道， 在本例中可以写成 默认拿和它自己相同的兄弟元素。
-
本文向大家介绍JQuery中extend的用法实例分析，包括了JQuery中extend的用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JQuery中extend的用法。分享给大家供大家参考。具体分析如下： extend()函数是jQuery的基础函数之一，作用是扩展现有的对象。extend是我们在写插件的过程中常用的方法，该方法有一些重载原型。$.extend(prop)
-
本文向大家介绍jquery插件bxslider用法实例分析，包括了jquery插件bxslider用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery插件bxslider用法。分享给大家供大家参考。具体用法如下： 首先调用对应js文件： jQuery代码部分： HTML结构如下: CSS定义左右按钮样式： 参数说明： bxSlider 详细配置参数： bxSlider有
-
本文向大家介绍jquery中animate的stop()方法作用实例分析，包括了jquery中animate的stop()方法作用实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例分析了jquery中animate的stop()方法作用。分享给大家供大家参考。具体分析如下： 这里以一个视频中的代码段告诉你stop()的作用： 代码如下： 希望本文所述对大家的jQuery程序设计有所帮助。