jQuery中的事件綁定和去除事件綁定


一、用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")


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM