jQuery的事件機制,事件物件介紹,外掛機制,多庫共存,each()
- jQuery的事件機制
- jq的事件分類
click() 單擊事件
blur() 失去焦點
mouseenter() 滑鼠進入
mouseleave() 滑鼠離開
dbclick() 雙擊事件
change() 改變事件,如:文字框值改變,下拉選單值改變,注意區別 input()
focus() 獲得焦點
keydown() 鍵盤摁下
keyUp() 鍵盤松開 -
jQ裡事件的繫結
jqObj.click()
jqObj.bind( “click”,function(){})
jqObj.delegate(“p”,”click”,function(){}) 為jqObj下面的所有p標籤繫結click事件
jqObj.on(“click keydown”,“span”,data, function(){}) 最現代的方式
第一個引數:events,即事件名,可以由空格分割的多個事件
第二個引數:執行事件的jqObj的後代元素
第三個引數:data,傳遞給處理函式的資料,event.data。(瞭解)
第四個引數:事件處理函式 -
jQ裡事件的解綁
l unbind()
解綁使用 bind方式繫結的事件
l off()
解綁使用on 方式繫結的事件
當off方法沒有引數,會解綁所有的已繫結事件 -
trigger()模擬瀏覽器行為
-
jQuery的事件物件介紹(重點)
回車換行 -
each()方法
$(“li”).each(function(index,element){…})
引數1 index,表示當前元素在所有匹配到的元素中的索引號
引數2 element, 表示當前元素物件,但是是DOM物件 -
jQuery外掛機制
jQuery雖然強大,但是還有需要一些擴充套件功能來幫助我們開發
使用步驟:
color.js
lazyload.js - jQuery多庫共存
此處多庫共存是指:jQuery佔用了$ 和 jQuery 這兩個變數。當在同一個頁面中引用了jQuery這個js庫,並且引用了其他的js庫(或者是其他版本的jQuery庫)中也用了$或者jQuery這兩個變數,要保證每個庫都能正常使用
解決方式:
Ø 列印版本號:
Ø 讓jQuery釋放對$的使用權:
$.noConflict()
Ø 當兩個版本的時候,只需要讓其中的一個jq庫釋放對 $或jQuery的控制權即可,注意jq版本引入的順序
Ø 當三個版本的時候
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2334/viewspace-2799475/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JS的事件物件與事件機制JS事件物件
- 淺談JS事件機制與React事件機制JS事件React
- Redis的事件機制Redis事件
- DOM事件機制事件
- redis事件機制Redis事件
- react事件機制React事件
- View事件機制分析View事件
- JavaScript執行緒機制與事件機制JavaScript執行緒事件
- redis的事件處理機制Redis事件
- Android事件分發機制Android事件
- JS 事件機制 Event LoopJS事件OOP
- Qt 事件機制 學習QT事件
- JavaScript 事件迴圈機制JavaScript事件
- Spring事件機制詳解Spring事件
- Redis 事件機制詳解Redis事件
- 【React深入】React事件機制React事件
- JavaScript事件迴圈機制JavaScript事件
- Android View 的事件體系 -- 事件分發機制AndroidView事件
- Android10_原理機制系列_事件傳遞機制Android事件
- 事件迴圈機制的那些事事件
- 瀏覽器的事件環機制瀏覽器事件
- Android 事件分發機制的理解Android事件
- Android的MotionEvent事件分發機制Android事件
- SpringBoot-SpringBoot中的事件機制Spring Boot事件
- 【執行機制】 JavaScript的事件迴圈機制總結 eventLoopJavaScript事件OOP
- View事件分發機制分析View事件
- javascript事件迴圈機制EventLoopJavaScript事件OOP
- javascript之事件迴圈機制JavaScript事件
- 深入理解DOM事件機制事件
- Java——事件處理機制概要Java事件
- cocos EventDispatcher事件分發機制事件
- 18.spring系列- 事件機制Spring事件
- [譯]談談SpringBoot 事件機制Spring Boot事件
- React原始碼分析 – 事件機制React原始碼事件
- js--事件迴圈機制JS事件
- Zookeeper watcher 事件機制原理剖析事件
- PostgreSQL外掛hook機制SQLHook
- Spring的Factories機制介紹Spring