jQuery 事件方法

 事件方法触发器或添加一个函数到被选元素的事件处理程序。

bind() 方法

向 <p> 元素添加一个单击事件:

$("p").bind("click",function(){
    alert("这个段落被点击了。");
});
View Code

定义和用法

bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。

自 jQuery 版本 1.7 起,on() 方法是向被选元素添加事件处理程序的首选方法。


语法

$( selector).bind( event,data,function,map)
参数 描述
event 必需。规定添加到元素的一个或多个事件。

由空格分隔多个事件值。必须是有效的事件。
data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。
map 规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。

blur() 方法

添加函数到 blur 事件。当 <input> 字段失去焦点时发生 blur 事件:

$("input").blur(function(){
    alert("输入框失去了焦点");
});
View Code

定义和用法

当元素失去焦点时发生 blur 事件。

blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数。

提示:该方法常与 focus() 方法一起使用。


语法

为被选元素触发 blur 事件:

$( selector).blur()

添加函数到 blur 事件:

$( selector).blur( function)
参数 描述
function 可选。规定当 blur 事件发生时运行的函数。

change() 方法

当 <input> 字段改变时警报文本:

$("input").change(function(){
    alert("文本已被修改");
});
View Code

定义和用法

当元素的值改变时发生 change 事件(仅适用于表单字段)。

change() 方法触发 change 事件,或规定当发生 change 事件时运行的函数。

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


语法

触发被选元素的 change 事件:

$( selector).change()

添加函数到 change 事件:

$(selector).change(function)

参数 描述
function 可选。规定针对被选元素当 change 事件发生时运行的函数。

change() 方法

当 <input> 字段改变时警报文本:

定义和用法

当元素的值改变时发生 change 事件(仅适用于表单字段)。

change() 方法触发 change 事件,或规定当发生 change 事件时运行的函数。

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


语法

触发被选元素的 change 事件:

$( selector).change()

添加函数到 change 事件:

$(selector).change(function)

猜你喜欢

转载自www.cnblogs.com/fmgao-technology/p/9375448.html