在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...