首页 > 代码库 > 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