jQuery中 bind的用法簡單介紹
更新時間：2017年02月13日 13:52:57 作者：qq_34255080
bind() 方法為被選元素添加一個或多個事件處理程序，并規(guī)定事件發(fā)生時運行的函數(shù)。這篇文章主要介紹了jQuery中的 bind用法,需要的朋友可以參考下
bind介紹
bind() 方法為被選元素添加一個或多個事件處理程序，并規(guī)定事件發(fā)生時運行的函數(shù)。
語法
$(selector).bind(event,data,function)
event 必須。添加到元素的一個或多個事件如：click,mouseover,mouseup，change，select
data 可不填。傳遞到函數(shù)的額外數(shù)據(jù)，如：$(selector).bind(“click”,”input”,function(){});
function(){} 必填。綁定事件觸發(fā)的函數(shù)
bind綁定多個函數(shù)
$("button").bind({ // 注意它的格式是 json
click:function(){$("div").css("border","5px solid orange");},
mouseover:function(){$("div").css("background-color","red");},
mouseout:function(){$("div").css("background-color","#FFFFFF");}
});
4.bind綁定數(shù)據(jù)
// bind() 綁定 click 事件傳 參數(shù)2 并且打印出 參數(shù)2
$('button').bind('click',['路飛','索隆','烏索普'],function(event){
alert(event.data[0]); // 路飛
});
5.unbind bind事件移除
html 代碼
<button>unbind()</button> <p>點我刪除上邊按鈕的事件</p>
js 代碼
// bind() 綁定多個點擊事件
$('button').click(function(){
alert('我是第一個點擊事件');
});
$('button').click(function(){
alert('我是第二個點擊事件');
});
$('button').bind('click',function(){
alert('我是第三個點擊事件');
});
// unbind() 刪除點擊事件
$('p').bind('click',function(){
$('button').unbind('click');
alert('button 的點擊事件被刪除');
});
以上所述是小編給大家介紹的jQuery中的 bind用法簡單介紹，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
jQuery彈性滑動導(dǎo)航菜單實現(xiàn)思路及代碼
用一個絕對定位的div作為動畫滑塊,改變它的left屬性來呈現(xiàn)動畫效果javascript：hover()觸發(fā)移動鼠標(biāo)到導(dǎo)航nav的動作，和移出導(dǎo)航nav的動作2013-05-05
下面小編就為大家?guī)硪黄钊肜斫?.each和$(selector).each。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jQuery插件FusionWidgets實現(xiàn)的Cylinder圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionWidgets實現(xiàn)的Cylinder圖效果,結(jié)合實例形式分析了jQuery使用FusionWidgets結(jié)合swf文件讀取xml數(shù)據(jù)并采用Cylinder圖展示的相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
使用jQuery實現(xiàn)一個類似GridView的編輯,更新,取消和刪除的功能
在項目中遇到這樣的需求當(dāng)用戶點擊編輯時，在點擊行下動態(tài)產(chǎn)生一行，編輯銨鈕變?yōu)閐isabled,新產(chǎn)生的一行有更新和取消的銨鈕，點擊“取消”銨鈕，刪除剛剛動態(tài)產(chǎn)生的行，編輯銨鈕狀態(tài)恢復(fù)。下面小編給大家分享實例代碼，一起看看吧2017-03-03
基于jquery實現(xiàn)點擊鏈接彈出層效果，其基本實現(xiàn)原理是這樣的：jquery操作DOM元素。對層樣式的設(shè)置。將display:設(shè)置為none;讓層隱藏；對jq點擊彈出層相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
本文通過實例代碼告訴大家如何利用jQuery獲取file控件中圖片的寬高與大小，在我們上傳之前就可以檢查上傳圖片的大小，高度，寬度是否適合我們的要求了，下面是關(guān)于判斷圖片的寬高大小的代碼。2016-08-08
這篇文章主要為大家詳細介紹了jQuery處理XML文件的幾種形式方法,如何使用jQuery解析XML，感興趣的小伙伴們可以參考一下2016-06-06
jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
這篇文章主要是對jQuery獲取Radio,CheckBox選擇的Value值進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jquery checkbox全選、取消全選實現(xiàn)代碼
jquery實現(xiàn)checkbox全選、取消全選的代碼。2010-03-03
jQuery中.attr()和.data()的區(qū)別分析
$.attr()和$.data()本質(zhì)上屬于 DOM屬性 和 Jquery對象屬性 的區(qū)別。下面通過一個示例給大家介紹jQuery中.attr()和.data()的區(qū)別，一起看看吧2017-09-09