Jquery是一款非常優(yōu)秀的JavaScript庫(kù),它為JavaScript開發(fā)者提供了很多便利的工具來簡(jiǎn)化開發(fā)。其中,bind和on是jquery中兩個(gè)廣為人知的事件處理函數(shù),他們可以幫助我們方便地綁定事件。
// bind函數(shù)實(shí)現(xiàn) $('selector').bind('event', function(){ // 處理函數(shù)邏輯 }); // on函數(shù)實(shí)現(xiàn) $('selector').on('event', function(){ // 處理函數(shù)邏輯 });
在像點(diǎn)擊,鼠標(biāo)移動(dòng)等事件的處理中,bind和on是非常常用的事件處理函數(shù)。先看bind函數(shù),bind函數(shù)可以綁定多個(gè)處理函數(shù),它的調(diào)用方式是$(selector).bind(event,data,function)。
// 為按鈕綁定click事件 $('button').bind('click', function(){ console.log('hello jquery'); }); // 為按鈕綁定多個(gè)事件 $('button').bind('click mouseover', function(){ console.log('hello jquery'); });
然后是on函數(shù),on函數(shù)是從jquery1.7開始引入的。它的用法與bind類似,但是不同之處在于on函數(shù)可以綁定動(dòng)態(tài)創(chuàng)建的元素,因?yàn)樗鼤?huì)將事件綁定到父級(jí)元素。
// 綁定靜態(tài)和動(dòng)態(tài)元素的點(diǎn)擊事件 $('button').on('click', function(){ console.log('hello jquery'); }); $('body').on('click', 'button', function(){ console.log('hello jquery'); });
總的來說,bind和on函數(shù)都是非常方便且重要的jquery事件處理函數(shù),針對(duì)不同的需求可以選擇使用。