初步學習jQuery之事件

2021-09-13 10:50:31 字數 760 閱讀 2700

在dom中提供了load事件用於頁面載入完畢之後執行機制,jquery提供了ready()方法實現相似的功能,但是存在以下的區別。

1.dom中的load事件沒有任何的簡寫形式,但是在jquery的ready()方法中提供了簡寫形式。

2.在html頁面載入完成以後,load事件才會被觸發;而在dom節點樹載入完畢以後,ready()方法就會被呼叫。

3.乙個html頁面中只能存在乙個load事件,但是可以存在多個ready()方法。

ready()方法的語法結構:

1.$(document).ready(function(){});

2.$().ready(function(){});//簡寫

3.$(function(){});//簡寫

單事件繫結

jquery中提供了bind()方法完成繫結事件,語法如下

$element.bind(type,data,callback);

type:表示繫結事件的名稱,是字串型別,沒有『on』。

data:作為element.data屬性值傳遞給事件物件的額外資料物件(可選項)。

callback:表示繫結事件的處理函式。

示例**如下:

按鈕
jquery中提供了trigger()方法用於模擬除法匹配元素繫結的事件

$element.trigger(type[,dat]);

按鈕

JQuery之事件冒泡

jquery 提供了兩種方式來阻止事件冒泡。方法一 event.stoppropagation div1 mousedown function event 方法二 return false div1 mousedown function event 以上兩種方法都能阻止事件冒泡的發生,但是也有本質區...

jQuery之事件移除

於 有時候事件執行完了,想取消事件的效果可以通過一定的辦法來處理。比如bind 方法,可以通過unbind 方法來移除事件的效果。比如下面的乙個案例 html部分 點選我 這裡每次點選,都會執行一次事件,想div層末尾新增段落。下面的 是取消事件效果的,可以通過刪除事件,使點選效果失效 btn un...

jQuery基礎之事件處理

事件 的第一種方式4 事件冒泡,子標籤的事件會傳遞給父標籤5 當點選子標籤時會將單擊事件傳遞給父標籤,導致父標籤也執行單擊事件6 function 11var div2 div2 12 div2.click function 15 16 事件 的第二種方式 17 使用delegate方法完成事件 1...