一、用bind()方法來對匹配元素進行特定事件的綁定
在文檔裝載完成后,使用bind()方法來對匹配元素進行特定事件的綁定,bing() 方法的調用格式為:
bind(type[,data],fn);
3個參數,說明如下
type:blur、focus、load、resize、scroll、unload、click、 dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、 mouseleaye、change、select、submit、keydown、keypress、keyup和error等,當然也可以是自定義名 稱。
data是可選參數:作為event.data屬性值傳遞給事件對象的額外數據對象。
fn參數則是用來綁定的處理函數。
例子:點擊側邊欄標題顯示內容
html代碼:
<div id="sidebar">
<h3>標題</h3>
<ul style="display:none"><li>I am zwwooooo.... </li></ul>
</div>
jQuery代碼:
$(function(){
$("#sidebar h3").bind("click",function(){
$(this).next().show();
})
});
2010.9.27 ADD:平時我們寫像 click、mouseover 和 mouseout 這類事件,因為在程序中經常會使用到,jQuery 為此提供了一套簡寫方法,如上面的jQuery代碼可以寫成:
$(function(){
$("#sidebar h3").click(function(){
$(this).next().show();
})
});
其實以前我們寫的jQuery代碼通常都是用這種簡寫模式。
二、移除之前的綁定事件
用$("#result").unbind("click")
如果你要移除所有的綁定事件,直接用 $("#result").unbind()
例題中用 $("#sidebar h3").unbind("click")