淺談jQuery中的事件
JQuery事件初見
1.JQuery中的事件綁定
其實呢,JQuery中標準的事件綁定是這樣寫下:(如下)
$("#btn").bind("click",function(){});
但是每次這樣寫,太過麻煩,還怎么做到Write less,Do more?
所以我們習慣的簡寫成。
$("#btn").click(function(){ }) 這樣就方便了好多
2.合成事件hover(enterfn,leavefn)
當鼠標放在元素上的時候調(diào)用enterfn方法,
當鼠標離開元素的時候調(diào)用leavefn方法。
相當于javascript中的mouseover與mouseout事件的結合體。
事件冒泡
1.描述
事件冒泡:JQuery中也像JavaScript一樣,采用事件冒泡的機制。
、window.event.cancelBubble = true
2.獲取
如果想要捕獲事件的相關信息,就要給響應的匿名函數(shù)增加一個參數(shù):e,e就是事件對象。
調(diào)用事件對象的stopPropagation()方法終止冒泡。
例如,e.stopPropagation();
終止冒泡以后,程序就不會再事件源的父元素上執(zhí)行。
3.事件冒泡圖示
阻止事件
阻止默認行為:有的元素有默認行為,比如超鏈接點擊后會轉(zhuǎn)向新鏈接、提交按鈕默認會提交表單,如果想阻止默認行為只要調(diào)用事件對象的preventDefault()方法和window.event.returnValue=false效果一樣。
$(“a”).click(function(e) {
alert(“所有超鏈接暫時全部禁止點擊”);
e.preventDefault();
});
以上所述就是本文關于jQuery事件的全部描述了,希望對大家學習jQuery能夠有所幫助。
相關文章
jQuery Selectors(選擇器)的使用(九、表單對象屬性篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法,我將以實例方式進行講述,以簡單,全面為基礎,不會涉及很深,我的學習方法:先入門,后進階!2009-12-12jquery實現(xiàn)類似EasyUI的頁面布局可改變左右的寬度
這篇文章主要介紹了通過jquery實現(xiàn)類似EasyUI的頁面布局可改變左右的寬度,需要的朋友可以參考下2014-07-07jquery 通過ajax請求獲取后臺數(shù)據(jù)顯示在表格上的方法
今天小編就為大家分享一篇jquery 通過ajax請求獲取后臺數(shù)據(jù)顯示在表格上的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08jQuery+JSON+jPlayer實現(xiàn)QQ空間音樂查詢功能示例
本文為大家介紹下jQuery+JSON+jPlayer實現(xiàn)QQ空間音樂查詢,具體的實現(xiàn)過程感興趣的朋友可以了解下哈,希望對大家有所幫助2013-06-06jQuery 處理網(wǎng)頁內(nèi)容的實現(xiàn)代碼
改變頁面內(nèi)容應該算是Javascript最常用的功能,這包括更改已經(jīng)存在的頁面元素或者添加新的HTML元素。2010-02-02jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解
在項目需求中有這樣一功能:在頁面彈出一個form表單,ajax無刷新提交表單,表單需通過驗證。下面小編給大家介紹通過jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解,需要的朋友參考下吧2016-04-04jquery實現(xiàn)滑屏大圖定時收縮為小banner圖片的廣告代碼
這篇文章主要介紹了jquery實現(xiàn)滑屏大圖定時收縮為小banner圖片的廣告代碼,可實現(xiàn)大幅廣告圖的漸顯效果及定時收縮功能,點擊左上角關閉按鈕還可隱藏廣告圖片,非常具有實用價值,需要的朋友可以參考下2015-09-09