在 jQuery 中,我們通常使用 .on() 方法來綁定事件。而有時候我們需要給一個元素同時綁定多個事件。那么如何在 .on() 方法中綁定多個事件呢?其實(shí)很簡單,可以使用空格隔開多個事件,例如:
$('button').on('click mouseover', function() { // Your code here... });
上面的代碼就給 button 元素同時綁定了 click 和 mouseover 兩個事件。換言之,當(dāng)用戶點(diǎn)擊或鼠標(biāo)放在該元素上時都會觸發(fā)事件處理函數(shù)。
另外,如果你想為多個元素同時綁定多個事件,可以使用 .bind() 方法,它有點(diǎn)類似于 .on() 方法,但是支持給多個元素綁定事件。
$('button, a').bind('click mouseover', function() { // Your code here... });
上面的代碼就給所有的 button 和 a 元素同時綁定了 click 和 mouseover 兩個事件。當(dāng)用戶在這些元素上做出對應(yīng)的操作時都會觸發(fā)事件處理函數(shù)。
總之,使用 .on() 和 .bind() 方法可以讓我們方便地給元素綁定多個事件,可以有效地優(yōu)化代碼,提高開發(fā)效率。
上一篇jquery配置文件編輯
下一篇ajax幫助文檔下載教程