on()方法一次註冊多個事件處理函式程式碼例項
關於on()方法的基本用法可以參閱jquery的on()繫結事件處理函式詳解一章節。
下面就分享一段程式碼例項,那就是使用on()一次性註冊多個型別事件事件處理函式。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> div{ width:300px; height:100px; background:#CCC; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function(){ $("div").on({ mouseover:function(){$(this).css("background-color","red");}, mouseout:function(){$(this).css("background-color","green");} }); }); </script> </head> <body> <div></div> </body> </html>
相關文章
- js批量註冊事件處理函式程式碼例項JS事件函式
- javascript批量註冊事件處理函式程式碼例項JavaScript事件函式
- 使用for語句批量註冊事件處理函式程式碼例項事件函式
- js為物件註冊多個事件處理函式程式碼JS物件事件函式
- js動態新增一個按鈕並且註冊事件處理函式程式碼例項JS事件函式
- JavaScript 註冊事件處理函式JavaScript事件函式
- JavaScript 批量註冊事件處理函式JavaScript事件函式
- for迴圈批量註冊事件處理函式事件函式
- js如何批量註冊事件處理函式JS事件函式
- jQuery能夠為一個元素註冊多個相同事件處理函式jQuery事件函式
- 如何實現為window.onload註冊多個事件處理函式事件函式
- javascript如何移除註冊的事件處理函式JavaScript事件函式
- attachEvent()註冊事件處理函式this指向問題事件函式
- js刪除註冊的事件處理函式JS事件函式
- jQuery如何解綁註冊的事件處理函式jQuery事件函式
- 如何為新增的元素註冊事件處理函式事件函式
- js為按鈕註冊點選事件處理函式JS事件函式
- jquery為動態新增元素註冊事件處理函式jQuery事件函式
- jquery註冊事件處理函式常用的幾種方式jQuery事件函式
- javascript刪除註冊的事件處理函式簡單介紹JavaScript事件函式
- jQuery為非同步載入的元素註冊事件處理函式jQuery非同步事件函式
- jQuery為動態新增的按鈕註冊事件處理函式jQuery事件函式
- PHP函式處理函式例項詳解PHP函式
- 批量註冊事件處理函式索引總是最後一個問題解決事件函式索引
- hover事件延遲處理程式碼例項詳解事件
- hasOwnProperty()函式程式碼例項函式
- 如何判斷元素上是否已經註冊指定型別事件處理函式型別事件函式
- 解決jQuery多個事件處理函式執行的現象jQuery事件函式
- js規定函式只能執行一次程式碼例項JS函式
- 封裝javascript事件處理函式繫結和解綁程式碼封裝JavaScript事件函式
- jQuery css()函式使用程式碼例項jQueryCSS函式
- js冪函式程式碼例項分享JS函式
- 事件處理函式OnEnter OnExit 使用一例 (轉)事件函式
- 多程式程式設計函式posix_spawn例項程式設計函式
- 資料處理等待效果例項程式碼
- echarts 繫結事件處理函式Echarts事件函式
- PHP多程式處理並行處理任務例項(轉,備用)PHP並行
- 註冊中心 Eureka 原始碼解析 —— 應用例項註冊發現(一)之註冊原始碼