1、綁定事件

語法：

bind(type,data,fn)

描述：為每一個(gè)匹配元素的特定事件（像click）綁定一個(gè)事件處理器函數(shù)。

參數(shù)解釋：

type?(String) : 事件類型

data?(Object) : (可選) 作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象

fn?( Function) : 綁定到每個(gè)匹配元素的事件上面的處理函數(shù)

示例：

當(dāng)每個(gè)p標(biāo)簽被點(diǎn)擊的時(shí)候，彈出其文本

$("p").bind("click", function(){alert( $(this).text() ); });

你可以在事件處理之前傳遞一些附加的數(shù)據(jù)。

function handler(event) { //event.data 可以獲取bind()方法的第二個(gè)參數(shù)的數(shù)據(jù)alert(event.data.foo); } $("p").bind("click", {foo: "bar"}, handler)

通過返回false來取消默認(rèn)的行為并阻止事件起泡。

$("form").bind("submit", function() { return false; })

通過使用 preventDefault() 方法只取消默認(rèn)的行為。

$("form").bind("submit", function(event){event.preventDefault(); });

2、解綁事件

語法：

unbind(type,fn);

描述：

bind()的反向操作，從每一個(gè)匹配的元素中刪除綁定的事件。

如果沒有參數(shù)，則刪除所有綁定的事件。

如果把在綁定時(shí)傳遞的處理函數(shù)作為第二個(gè)參數(shù)，則只有這個(gè)特定的事件處理函數(shù)會(huì)被刪除。

參數(shù)解釋：

type?(String) : (可選) 事件類型

fn(Function) : (可選) 要從每個(gè)匹配元素的事件中反綁定的事件處理函數(shù)

示例：

把所有段落的所有事件取消綁定

$("p").unbind()

將段落的click事件取消綁定

$("p").unbind( "click" )

刪除特定函數(shù)的綁定，將函數(shù)作為第二個(gè)參數(shù)傳入

var foo = function () {//綁定事件和解綁事件的事件處理函數(shù) };$("p").bind("click mouseenter", foo); // 給p段落綁定click mouseenter事件$("p").unbind("click", foo); // 只解綁了p段落標(biāo)簽的click事件

3.自定義事件

其實(shí)事件的綁定和解綁，都是我為了自定義事件做準(zhǔn)備（大家把jQuery的提供的事件熟記在心），以后對(duì)jquery熟了以后，可以玩一下自定義事件

語法：

trigger(type,data);

描述：在每一個(gè)匹配的元素上觸發(fā)某類事件，它觸發(fā)的是由bind()注冊(cè)的自定義事件。

參數(shù)解釋：

type?(String) : 要觸發(fā)的事件類型

data?(Array) : (可選)傳遞給事件處理函數(shù)的附加參數(shù)

示例：

給一個(gè)按鈕添加自定義的事件

$('button').bind('myClick',function(ev,a,b){//給button按鈕添加的自定義事件myClick事件 })

然后通過trigger()觸發(fā)自定義的事件

$('button').trigger('myClick',[1,2])

?

4.補(bǔ)充 一次性事件

語法：

one(type,data,fn)

描述：

為每一個(gè)匹配元素的特定事件（像click）綁定一個(gè)一次性的事件處理函數(shù)。在每個(gè)對(duì)象上，這個(gè)事件處理函數(shù)只會(huì)被執(zhí)行一次。其他規(guī)則與bind()函數(shù)相同

參數(shù)解釋：

type?(String) : 事件類型

data?(Object) : (可選) 作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象

fn?(Function) : 綁定到每個(gè)匹配元素的事件上面的處理函數(shù)

示例：
當(dāng)所有段落被第一次點(diǎn)擊的時(shí)候，顯示所有其文本。

$("p").one("click", function(){ //只有第一次點(diǎn)擊的時(shí)候才會(huì)觸發(fā)，再次點(diǎn)擊不會(huì)觸發(fā)了alert( $(this).text() ); });

?

轉(zhuǎn)載于:https://www.cnblogs.com/baijinshuo/p/9957240.html

總結(jié)

以上是生活随笔為你收集整理的jQuery的事件绑定和解绑的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。