php中change方法的使用,jQuery.change()函数的使用详解

change()函数用于为每个匹配元素的change事件绑定处理函数。该函数也可用于触发change事件。此外，你还可以额外传递给事件处理函数一些数据。

change事件会在文本内容或选项被更改时触发。该事件仅适用于和以及。对于text和textarea元素，该事件会在元素失去焦点时发生(文本内容也发生了更改)。

此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发change事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。

要删除通过change()绑定的事件，请使用unbind()函数。

该函数属于jQuery对象(实例)。

语法jQueryObject.change( [ [ data ,] handler ] )

如果指定了至少一个参数，则表示绑定change事件的处理函数；没有指定任何参数，则表示触发change事件。

参数

jQuery 1.4.3 新增支持：change()支持data参数。

参数handler中的this指向当前DOM元素。change()还会为handler传入一个参数：表示当前事件的Event对象。

如果函数handler的返回值为false，则表示阻止元素的默认事件行为，并停止事件在DOM树中冒泡。例如，链接的click事件的处理函数返回false，可以阻止链接的默认URL跳转行为。表单的submit事件的处理函数返回false，可以阻止表单默认的表单提交行为。

返回值

change()函数的返回值为jQuery类型，返回当前jQuery对象本身。

示例&说明

请参考下面这段初始HTML代码：

男性

女性

姓名：[CodePlayer]，年龄：[20]岁，性别：[男]

现在，我们为所有元素的change事件绑定处理函数(可以绑定多个，触发时按照绑定顺序依次执行)：function handler(event){

$("label[for='" + this.name + "']").html( this.value );

}

$(":text").change( handler );

$("#gender").change( handler );

// 触发所有text元素的change事件

// $(":text").change( );

我们还可以为事件处理函数传递一些附加的数据。此外，通过jQuery为事件处理函数传入的参数Event对象，我们可以获取当前事件的相关信息(比如事件类型、触发事件的DOM元素、附加数据等)：var map = { name: "姓名", age: "年龄", gender: "性别" };

function logHandler(event){

var map = event.data;

$("#msg").append( new Date().toLocaleString() + ' [' + map[this.name] + ']发生了更改
' );

}

// 记录所有输入每次更改的时间

$(":text").change( map, logHandler );

$("#gender").change( map, logHandler );

php中change方法的使用,jQuery.change()函数的使用详解相关推荐

java中random方法取值范围_java的Random类详解
Random类 (java.util) Random类中实现的随机算法是伪随机,也就是有规则的随机.在进行随机时,随机算法的起源数字称为种子数(seed),在种子数的基础上进行一定的变换,从而产生需要 ...
html标签的下一级遍历,jquery属性,遍历,HTML操作方法详解
Jquery属性遍历.HTML操作. Jquery拥有可操作HTML元素和属性的强大方法. 下面是我整理的一些jquery遍历函数: .add() 将元素添加到匹配元素的集合中. .andSelf() ...
php 自动获取头像,PHP_WordPress中用于获取及自定义头像图片的PHP脚本详解，get_avatar()（获取头像） get_avat - phpStudy...
WordPress中用于获取及自定义头像图片的PHP脚本详解 get_avatar()(获取头像)get_avatar() 函数用来获取置顶邮箱或者用户的头像代码,在评论列表中非常常用. 这个函数提供 ...
python中symbols函数用法_Python基础之函数用法实例详解
本文以实例形式较为详细的讲述了Python函数的用法,对于初学Python的朋友有不错的借鉴价值.分享给大家供大家参考之用.具体分析如下: 通常来说,Python的函数是由一个新的语句编写,即def, ...
$.ajax的async参数,jquery的$.ajax async使用详解
async在jquery ajax中是一个同步参数了,我们下面来给大家介绍在jquery ajax中使用async时碰到的一些问题与方法介绍,希望例子能给各位同学带来一些帮助哦. async默认是tr ...
jquery在html实现遍历,jQuery教程之jQuery遍历、HTML操作详解
本篇文章探讨了jQuery教程之jQuery遍历.HTML操作详解,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入. < 什么是遍历? jQuery 遍历,意为"移 ...
python的继承用法_【后端开发】python中继承有什么用法？python继承的用法详解
本篇文章给大家带来的内容是关于python中继承有什么用法?python继承的用法详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 面向对象三大特征 1.封装:根据职责将属性和方法 ...
python时间函数报错_python3中datetime库，time库以及pandas中的时间函数区别与详解...
1介绍datetime库之前我们先比较下time库和datetime库的区别先说下time 在 Python 文档里,time是归类在Generic Operating System Servic ...
ios开发读取剪切板的内容_iOS中管理剪切板的UIPasteboard粘贴板类用法详解
一.自带剪切板操作的原生UI控件在iOS的UI系统中,有3个控件自带剪切板操作,分别是UITextField.UITextView与UIWebView.在这些控件的文字交互处进行长按手势可以在屏幕视图 ...

php中change方法的使用,jQuery.change()函数的使用详解

php中change方法的使用,jQuery.change()函数的使用详解相关推荐

最新文章

热门文章