淺析jQuery事件之on()方法綁定多個選擇器,多個事件

更新時間：2016年04月27日 16:47:17 投稿：jingxian

下面小編就為大家?guī)硪黄獪\析jQuery事件之on()方法綁定多個選擇器,多個事件。小編覺得挺不錯的，現(xiàn)在分享給大家。也給大家做個參考

$(document).on('click', '#header .top, #main .btn', function () {
   // code...
 });

on()方法綁定多個事件

$("table.planning_grid").on({
  mouseenter: function() {
    // Handle mouseenter...
  },
  mouseleave: function() {
    // Handle mouseleave...
  },
  click: function() {
    // Handle click...
  }
}, "td");

用on()方法綁定多個選擇器、多個事件

$(document).on({
  mouseenter: function() {
    // Handle mouseenter...
  },
  mouseleave: function() {
    // Handle mouseleave...
  },
  click: function() {
    // Handle click...
  }
}, 'click', '#header .top, #main .btn');

以上這篇淺析jQuery事件之on()方法綁定多個選擇器,多個事件就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)動態(tài)加載select下拉列表項功能示例
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)加載select下拉列表項功能,結(jié)合實例形式較為詳細(xì)的分析了jQuery動態(tài)加載select下拉列表項的步驟與相關(guān)操作技巧,需要的朋友可以參考下
2018-05-05
Jquery+Ajax實現(xiàn)跨域訪問
這篇文章介紹了Jquery實現(xiàn)Ajax跨域訪問的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-05-05
淺談jquery上下滑動的注意事項
下面小編就為大家?guī)硪黄猨query上下滑動的注意事項。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
jQuery Autocomplete簡介_動力節(jié)點Java學(xué)院整理
這篇文章主要介紹了jQuery Autocomplete簡介，jQuery UI Autocomplete是jQuery UI的自動完成組件，是我用過的最強(qiáng)大、最靈活的Autocomplete，它支持本地的Array/JSON數(shù)組、通過ajax請求的Array/JSON數(shù)組、JSONP、以及Function(最靈活)等方式來獲取數(shù)據(jù)
2017-07-07
jQuery過濾HTML標(biāo)簽并高亮顯示關(guān)鍵字的方法
這篇文章主要介紹了jQuery過濾HTML標(biāo)簽并高亮顯示關(guān)鍵字的方法,實例分析了jquery遍歷html標(biāo)簽并進(jìn)行替換的相關(guān)技巧,需要的朋友可以參考下
2015-08-08
50 個 jQuery 插件可將你的網(wǎng)站帶到另外一個高度
Query架構(gòu)的開發(fā)人員能夠創(chuàng)建一個插件代碼來擴(kuò)展其功能，從而能夠產(chǎn)生一些最好的插件，讓你的網(wǎng)站或任何給定的項目達(dá)到一個全新的水平。
2016-04-04
checkbox 選中一個另一個checkbox也會選中的實現(xiàn)代碼
本文給大家?guī)砹薱heckbox選擇器之checkbox 選中一個另一個checkbox也會選中的實現(xiàn)代碼，非常不錯，有需要的可以參考下
2016-07-07
jQuery.cookie.js使用方法及相關(guān)參數(shù)解釋
一個輕量級的cookie 插件，可以讀取、寫入、刪除 cookie。這篇文章主要介紹了jQuery.cookie.js使用方法及相關(guān)參數(shù)解釋,需要的朋友可以參考下
2017-03-03
基于jQuery日歷插件制作日歷
這篇文章主要介紹了基于jQuery日歷插件制作日歷的相關(guān)資料,需要的朋友可以參考下
2016-03-03
jQuery getJSON()+.ashx 實現(xiàn)分頁(改進(jìn)版)
參考了上一篇Asp .net ＋jquery +.ashx 文件實現(xiàn)分頁并作了改進(jìn):ashx返回json數(shù)據(jù)，減少傳輸數(shù)據(jù)量，html頁面樣式控制也比較靈活，感興趣的朋友可以參考下哈
2013-03-03