JQuery中的事件(转帖) bind(type,data,fn) 为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。如果既想取消默认的行为,又想阻止事件起泡,这个事件处理函数必须返回false。 多数情况下,可以把事件处理器函数定义为匿名函数(见示例一)。在不可能定义匿名函数的情况下,可以传递一个可选的数据对象作为第二个参数(而事件处理器函数则作为第三个参数),见示例二。 返回值:jQuery 参数: type(String)一个事件类型 data(Object)(可选)作为event.data传递给事件处理器函数的额外数据 fn(Function)绑定到事件上的函数 例子: $("p").bind("click", function(){ alert( $(this).text() ); }); 之前:
Hello
结果: alert("Hello") 例子:为事件对象传递一些额外的数据 function handler(event) { alert(event.data.foo); } $("p").bind("click", {foo: "bar"}, handler) 结果: alert("bar") 例子:通过返回false来取消默认的行为并阻止事件起泡 $("form").bind("submit", function() { return false; }) 例子:通过使用preventDefault方法来仅仅取消默认的动作 $("form").bind("submit", function() { return false; }) 例子:通过使用 stopPropagation 方法只阻止事件起泡 $("form").bind("submit", function(event){ event.stopPropagation(); }); blur() 触发每一个匹配元素的blur事件。这个函数会调用执行绑定到blur事件的所有函数。 注意:这个函数不会调用相应元素的blur方法!如果需要通过代码来使一个元素获得焦点,必须使用DOM方法,例如:$("#myinput")[0].blur(); 返回值:jQuery 例子: $("p").blur(); 之前:
Hello
结果: alert('Hello'); blur(fn) 在每一个匹配元素的blur事件中绑定一个处理函数返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的blur事件的一个方法例子: $("p").blur( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
change(fn) 在每一个匹配元素的change事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的change事件的一个方法 例子: $("p").change( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
click() 触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数 返回值:jQuery 例子: $("p").click(); 之前:
Hello
结果: alert('Hello'); click( fn ) 在每一个匹配元素的click事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的click事件的一个方法 例子: $("p").click( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
dblclick( fn ) 在每一个匹配元素的dblclick事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的dblclick事件的一个方法 例子: $("p").dblclick( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
error( fn ) 在每一个匹配元素的error事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的error事件的一个方法 例子: $("p").error( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
focus() 触发每一个匹配元素的focus事件。这个函数会调用执行绑定到focus事件的所有函数。 注意:这个函数不会调用相应元素的focus方法!如果需要通过代码来使一个元素获得焦点,必须使用DOM方法,例如:$("#myinput")[0].focus(); 返回值:jQuery 例子: $("p").focus(); 之前:
Hello
结果: alert('Hello'); focus( fn ) 在每一个匹配元素的focus事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的focus事件的一个方法 例子: $("p").focus( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
hover( over, out ) 一个模仿悬停事件(鼠标移动到一个对象上面,及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬念”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。 返回值:jQuery 参数: over(Function)鼠标移动元素上触发的函数 out(Function)鼠标移出元素出发的函数 例子: $("p").hover(function(){ $(this).addClass("hover"); },function(){ $(this).removeClass("hover"); }); keydown( fn ) 在每一个匹配元素的keydown事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)在每一个匹配元素的keydown事件中绑定的处理函数 例子: $("p").keydown( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
keypress( fn ) 在每一个匹配元素的keypress事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)在每一个匹配元素的keypress事件中绑定的处理函数 例子: $("p").keypress( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
keyup( fn ) 在每一个匹配元素的keyup事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)在每一个匹配元素的keyup事件中绑定的处理函数 例子: $("p").keyup( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
load( fn ) 在每一个匹配元素的load事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的load事件的一个方法 例子: $("p").load( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
mousedown( fn ) 在每一个匹配元素的mousedown事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的mousedown事件的一个方法 例子: $("p").mousedown( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
mousemove( fn ) 在每一个匹配元素的mousemove事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的mousemove事件的一个方法 例子: $("p").mousemove( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
mouseout( fn ) 在每一个匹配元素的mouseout事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的mouseout事件的一个方法 例子: $("p").mouseout( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
mouseover( fn ) 在每一个匹配元素的mouseover事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的mouseover事件的一个方法 例子: $("p").mouseover( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
mouseup( fn ) 在每一个匹配元素的mouseup事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的mouseup事件的一个方法 例子: $("p").mouseup( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
one( type, data, fn ) 为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。在每个对象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。如果既想取消默认的行为,又想阻止事件起泡,这个事件处理函数必须返回 false。 多数情况下,可以把事件处理器函数定义为匿名函数(见示例一)。在不可能定义匿名函数的情况下,可以传递一个可选的数据对象作为第二个参数(而事件处理器函数则作为第三个参数),见示例二。 返回值:jQuery 参数: type(String)一个事件类型 data(Object)(可选)作为event.data传递给事件处理器函数的额外数据 fn(Function)绑定到事件上的函数 例子: $("p").one("click", function(){ alert( $(this).text() ); }); 之前:
Hello
结果: alert("Hello") ready(fn) 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。 简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。 请确保在元素的onload事件中没有注册函数,否则不会触发$(document).ready()事件。 可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照(代码中的)先后顺序依次执行。 返回值:jQuery 参数: fn(Function)当DOM准备好的时候执行的方法 例子: $(document).ready(function(){ Your code here... }); 例子: Uses both the shortcut for $(document).ready() and the argument to write failsafe jQuery code using the $ alias, without relying on the global alias. jQuery(function($) { // Your code using failsafe $ alias here... }); resize( fn ) 在每一个匹配元素的resize事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的resize事件的一个方法 例子: $("p").resize( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
scroll( fn ) 在每一个匹配元素的scroll事件中绑定一个处理函数 返回值:jQuery 参数: fn(Function)绑定到每一个匹配元素的scroll事件的一个方法 例子: $("p").scroll( function() { alert("Hello"); } ); 之前:
Hello
结果:
Hello
select() 触发每一个匹配元素的select事件。这个函数会调用执行绑定到select事件的所有函数,并且在匹配元素上调用浏览器的默认动作。这个默认的动作可以通过从绑定到select事件的方法中返回false避免。 返回值:jQuery 例子: $("p").select(); 之前:
Hello
结果: alert('Hello');

