1.JQ事件
(1)事件綁定及移除
綁定:on() 語法:on(events,[selector],[data],fn)
例:$('.box').on('click','span',function(){
alert(111);
})
移除:off( type , fn )--on()的反向操作,
例:$('.box').off('click');
one() 為匹配的元素綁定一次性的事件處理函數
執行完之后就會被移除
(2)合成事件
hover( )方法
語法:hover(fn1,fn2)
(3)事件對象 e
JQ處理了其中的兼容問題,可以直接使用
(4)常用事件對象的屬性
阻止冒泡:e.stopPropagation()
阻止默認行為:e.preventDefault();
事件類型:e.type
觸發事件的元素:e.target
相對文檔的坐標:e.clientX/Y e.pageX/Y
鼠標事件中離開或者進入的DOM元素:e.relatedTarget 僅限制于onmouseover和onmouseout
事件發生時的時間戳:e.timeStamp (返回總毫秒數)
指示按了哪個鍵或按鈕:e.which
(5)轉換
var oDiv=document.getElementById("div1");
$(oDiv).css("background","red");
$("#div1").get(0).style.background="red";
get(index)方法 取得其中一個匹配的元素
遠近互聯前端小華整理發布,希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務,讓客戶通過網絡品牌建立與網絡傳播提高業績。






