jq繫結事件的方法區別

2021-08-02 16:08:05 字數 594 閱讀 6540

jquery中用on來繫結事件,經常的寫法有

$(document).on('click','.classname',function(){});

$('.classname').on('click',function(){});

上面兩種都是給類是classname的元素新增了click事件,那這兩個寫法有什麼區別呢?在效率上哪個更好呢?

$(document).on('mouseover','.middle_img,#main1,#main2',function()).on('mouseout','.middle_img,#main1,#main2',function () )

$(".competition,.match,#button_det,#button_det1").on("mouseover",function () ).on("mouseout",function () )

如果頁面一次都載入完,效果都一樣的;

如果頁面非同步載入,用ejs,實現拼接效果,第二種方法,函式不會再呼叫,第一種方法事件依賴於document,,,,仍然會呼叫,區別挺大的;

JQ 事件繫結與事件委派

一 定義 所謂事件 即給相應標籤進行的動作 二 事件繫結 給所有的p標籤繫結乙個事件click,去執行裡邊的function函式 p click function 三 事件委派 1 定義 事件委派的定義就是,把原來加給子元素身上的事件繫結在父元素身上,就是把事件委派給父元素。2 具體執行,用on來繫...

jq父級繫結事件的意義 事件委託和JQ事件繫結總結

事件委託 比喻 事件委託的事例在現實當中比比皆是。比如,有三個同事預計會在周一收到快遞。為簽收快遞,有兩種辦法 一是三個人在公司門口等快遞 二是委託給前台mm代為簽收。現實當中,我們大都採用委託的方案 公司也不會容忍那麼多員工站在門口就為了等快遞 前台mm收到快遞後,她會判斷收件人是誰,然後按照收件...

on方法繫結事件

瀏覽jquery的deprecated列表,發現live 和die 在裡面了,趕緊看了一下,發現從jquery1.7開始,jquery引入了全新的事件繫結機制,on 和off 兩個函式統一處理事件繫結。因為在此之前有 bind live delegate 等方法來處理事件繫結,jquery從效能優化...