jQuery事件處理 事件物件及常用外掛程式

2022-07-20 09:33:09 字數 2168 閱讀 3996

昨日重點:

一、jquery 事件處理

on(): 用於事件繫結,目前最好用的事件繫結方法

off(): 事件解綁

trigger() / triggerhandler(): 事件觸發

1、事件處理 on() 繫結事件

element.事件名(事件處理函式)

(1)通過on可以一次性繫結多個事件處理程式

element.on(事件名,事件處理函式)

element.on()

element.on('事件1 事件2',事件處理函式)

(2)on還能實現事件委託

(3)可以為動態新增的元素繫結事件

(1)解除某個元素物件的所有事件處理函式繫結

ele.off()

(2)解除某事件處理函式繫結

ele.off(事件名)

(3)解除後代元素事件委託

ele.off(事件名,子元素選擇器)

(4)如果有的事件只想觸發一次,可以用one()來繫結事件

4、 事件處理 trigger() 自動觸發事件

1)第一種:trigger()

element.事件名() 第一種簡寫形式

element.trigger(事件名) 第二種自動觸發模式

2)第二種:triggrhandler()

element.triggrhandler(事件名) 第三種自動觸發模式

區別:triggrhandler模式不會觸發預設行為

二、jquery 事件物件

語法:element.on(events,selector,function(event){})

阻止預設行為:event.preventdefault()或者return false

阻止冒泡:event.stoppropagation()

三、 jquery 拷貝物件

四、jquery部分工具函式使用

(1)$.each() 可遍歷jquery物件、普通物件、陣列

$.each(,function(i,e))

(2)$.extend() 可轉殖物件至另乙個物件

(3)$.noconflict() 可將jquery頂級物件賦值給另外乙個自定義變數,避免衝突

五、jquery外掛程式應用

jquery 之家

jquery 外掛程式使用步驟:

(1)引入相關檔案。(jquery 檔案 和 外掛程式檔案)

(2)複製相關html、css、js (呼叫外掛程式)。

1、瀑布流外掛程式

外掛程式的使用三點:(1)引入css. (2)引入js (3)引入html。

2、 懶載入外掛程式

的懶載入就是:當頁面滑動到有的位置,才進行載入,用以提公升頁面開啟的速度及使用者體驗。

懶載入只需引入html 和 js操作 即可,此外掛程式不涉及css

3、全屏滾動外掛程式

全屏滾動外掛程式介紹比較詳細的**為:

4、bootstrap元件

凡是在軟體開發中用到了軟體的復用,被復用的部分都可以稱為元件,凡是在應用程式中已經預留介面的元件就是外掛程式

5、bootstrap外掛程式(js)

使用步驟 :

(1)引入 相關的css js.... --- 注意說明文件:引入檔案的順序。

(2)去官網複製html....

(3)複製js **,啟動js外掛程式 --- 如果需要更改js**,也要遵循(先轉殖人家的**,基於原來的**再次修改)

6、bootstrap案例-阿里百秀

(1)通過呼叫元件實現導航欄

(2)通過呼叫外掛程式實現登入

(3)通過呼叫外掛程式標籤頁實現 tab 欄

六、todolist案例

有jquery屬性、文字、元素及尺寸位置操作a=href""

view處理事件

當乙個view需要處理事件的時候 如果我們設定了ontouchlistener,那麼ontouchlistener裡面的ontouch方法會被呼叫,如果ontouch返回false,則當前的view的ontouchevent方法會被呼叫 如果返回值true,那麼ontouchevent方法不會被呼叫...

perl sdl處理事件

use sdl use sdlx sprite use sdl event use sdl events 畫大地 隨機生成大地的麻點 for my i 1 i 500 i 畫夜空 my sky sdlx sprite new width 400,height 200 sky su ce draw r...

處理事件冒泡

導火線 tr元素繫結了乙個點選事件,tr下面有乙個button元素,此時需要給button元素繫結乙個點選事件,而執行了tr的點選事件.需要把tr的點選事件阻止掉 方案1 在tr執行它的點選事件的時候過濾掉子元素button 菜鳥教程寫的demo 可是我專案中加上addeventlintener監聽...