jQuery入门[3]－事件

　2010-09-14 13:21:24　来源：WEB开发网　　　

核心提示：jQuery对事件的支持主要包括：bind()--为事件绑定处理程序，如：$("p").bind("mouseenter mouseleave", function(e){$(this).toggleClass("over");});unbind()--注销绑

jQuery对事件的支持主要包括：

bind()--为事件绑定处理程序，如：　　$("p").bind("mouseenter mouseleave", function(e){ 　　$(this).toggleClass("over"); 　　});

unbind()--注销绑定在事件上的处理程序，如：$(document).unbind('ready');，如不给参数，则清除所有事件处理程序。$("#unbind").click(function () { 　　$("#theone").unbind('click', aClick); 　　});

trigger()--触发某类事件。$("button:first").trigger('click');

triggerHandler()--触发某类事件，但不触发默认的事件处理逻辑，比如a的定向。$("input").triggerHandler("focus");

one()－－为事件绑定只能被触发一次的处理程序。　　$("div").one("click", function(){ 　　});

ready()/click()/change()/toggle(fn,fn)/dblclick()……各种常规事件的快捷方式，xxx(fn)为绑定处理程序，xxx()为触发事件

jQuery 1.2的事件支持命名空间，

　$("div").bind("click", function(){ alert("hello"); }); $("div").bind("click.plugin", function(){ alert("goodbye"); }); $("div").trigger("click!"); // alert("hello") only DEMO: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> 　　<title>Events</title> 　　<scriptsrc="../scripts/jquery-1.2.3.intellisense.js"type="text/javascript"></script> 　　<styletype="text/css"> 　　　　textarea 　　　　{ 　　　　　　height:118px; 　　　　　　width:280px; 　　　　} 　　</style> 　　<scripttype="text/javascript"> 　　　　$(function(){ 　　　　　　$('textarea').bind('propertychange',function(){ 　　　　　　　　$('#result').html($('textarea').val()) 　　　　　　} 　　　　　　).bind('change',function(){ 　　　　　　　　alert($('textarea').val()); 　　　　　　}); 　　　　}); 　　　　</script> </head> <body> 　　<textarea></textarea> 　　<divid='result'></div> </body> </html>