關於JQuery的事件機制

2021-09-20 04:39:23 字數 878 閱讀 5049

事件一直在用,但是從來沒有好好的記錄下來過,今天抽出事件,把事件需要注意的問題給記下來!

1.事件中的冒泡想象:

所謂的冒泡其實質就是事件中的執行順序,如果需要阻止冒泡的發生,可以呼叫stopprogation()方法;

2.頁面載入事件:

頁面載入事件也就是ready()方法的呼叫,相當於原生js中的onload()方法,不過這其中有一點區別:onload()方法的執行必須是頁面中的全部元素完全載入到瀏覽器後才觸發,而jquery中的ready()方法只需要頁面的dom模型載入完畢,就可以觸發;

實現**如下:

寫法一:

$(document).ready(function());

3.繫結事件:

直接繫結,$('#id').click(function(),functiong(e),change:function()

4.切換事件

在jquery中有兩個方法用於切換,乙個hover(),乙個toggle()

hover()方法一般用於滑鼠懸停和滑鼠移出,比如

$("a").hover(function(),functiong());當滑鼠移動到a元素上時,執行第乙個函式,移出時執行第二個函式

toggle()方法,是一次呼叫n個指定的函式,直到最有乙個函式,然後重複對這些函式輪番呼叫

5.移出事件

unbind()方法,例如$("#a").unbind(),移出id為a的元素的所有事件,

$("#a").unbind("click",fnname),移出指定事件

6.其他事件

one()方法,所選元素繫結乙個僅僅觸發一次的處理函式

trigger()方法,所選元素觸發指定型別的事件,例如$("a").trigger("click")

jQuery事件機制

元素物件.bind 事件名 fn 動態的給指定的元素物件追加指定的事件及其監聽的函式。注意 js中的是一次新增,多次新增時覆蓋的效果 jquery是追加的效果,可以實現給乙個事件新增不同的監聽函式。元素物件.unbind 事件名 移除指定的元素物件的指定事件 注意 js方式新增的事件不能移除。元素物...

關於jQuery新的事件繫結機制on 的使用技巧

關於jquery新的事件繫結機制on 的使用技巧 本篇文章介紹了,關於jquery新的事件繫結機制on 的使用技巧。需要的朋友參考下 今天瀏覽jquery的deprecated列表,發現live 和die 在裡面了,趕緊看了一下,發現從jquery1.7開始,jquery引入了全新的事件繫結機制,o...

關於jQuery新的事件繫結機制on 的使用技巧

關於jquery新的事件繫結機制on 的使用技巧 本篇文章介紹了,關於jquery新的事件繫結機制on 的使用技巧。需要的朋友參考下 今天瀏覽jquery的deprecated列表,發現live 和die 在裡面了,趕緊看了一下,發現從jquery1.7開始,jquery引入了全新的事件繫結機制,o...