原文鏈接:http://outofmemory.cn/code-snippet/2123/jquery-zhuce-event-method
?
1.使用事件名來綁定,可用的事件名有
change,click,dblclick,error,focus,focusin,focusout,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,resize,scroll,select,submit,unload
例如:
$('#target').click(function(){ alert('#target元素綁定了click事件'); });
2.使用bind方法來綁定事件 bind(type,[data],fn) 。type 參數及為我們上面講的各種事件名,例如:
當每個段落被點擊的時候,彈出其文本。
3.使用on方法來注冊事件 ,on方法基本和bind方法差不多,其實bind方法最好也是調用on方法來實現的
$('.scv').on('click', function(){ $(this).clone(true).appendTo('#container'); });
4.即使是后來加進來也有效的方法live方法
在老的jQuery版本中,我們有一個方法專門用來處理動態生成的元素的事件綁定 - live(),使用live()方法可以將方法綁定的效果應用到已存在或者新創建的DOM元素。代碼如下:
$('.scv').live('click', function(){ $(this).clone().appendTo('#container'); });
5.一次性的事件綁定方法one方法,為每一個匹配元素的特定事件(像click)綁定一個一次性的事件處理函數。當所有段落被第一次點擊的時候,顯示所有其文本。
$("p").one("click", function(){ alert( $(this).text() ); });