事件一直在用,但是從來沒有好好的記錄下來過,今天抽出事件,把事件需要注意的問題給記下來!
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...