首页 > 代码库 > 9.17Jquery Change与bind

9.17Jquery Change与bind

Jquery Change与bind事件代码:

一、Jquery事件change()方法

当元素的值发生改变时,会发生change事件。该事件仅适用于文本域(text field)和select元素。

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

==》基本语法:
$(selector).change() //触发被选元素的change事件

将函数绑定到change事件:
$(‘input[type="text"]‘).change(function(){...}); //规定当被选元素的change事件发生时运行的函数

当绑定一个文本框时:
$(function(){
$(‘#myText‘).change(function(){...});
}); 

 

二、Jquery事件bind()方法

bind()方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数

==》基本语法:
$(selector).bind(event,data,function)
其中event(必需)规定添加到元素的一个或多个事件,有空格分隔多个事件(必须是有效事件)。data(可选)规定传递到函数的额外数据。function(必需)规定当事件发生时运行的函数。

例: $(‘#myText‘).bind(‘click‘,function(){
alert($(‘#myText‘).val());
});

$(‘#myText‘).bind(‘mouseenter mouseleave‘,function(){...});

替代语法:
$(selector).bind({event:function, event:function,...})

9.17Jquery Change与bind