jquery的事件繫結和觸發

2021-08-20 11:46:53 字數 1193 閱讀 9705

新增事件

$(selector).click(function(){});

事件繫結

1..bind();

$(selector).bind('click',function(){});

$(selector).bind('click mouseover',function(){});

//bind()用到了隱式迭代,如果匹配到的元素特別多的時候,比如頁面中有100個div元素,就得執行繫結100次。對於大量元素來說,影響到了效能。

但是如果是id選擇器,因為id唯一,用bind()方法就很快捷了。

//動態新增的元素無法使用該方法繫結事件

2.delegate();//不常用

3.on();

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

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

//當on()的selector引數為空時,其效果完全等同於bind();當selector引數不為空時,其效果完全等同於delegate(); 

//使用.on()方法時,事件只會繫結到$()函式的選擇符表示式匹配的元素上,因此可以精確地定位到頁面中的一部分,從而減少事件冒泡的開銷。

解綁事件

.unbind();

.off();

觸發事件

.click();

.trigger();

.triggerhandler();

//觸發document的onclick事件(第一種方式)(觸發瀏覽器預設行為)  

$(document).click();  

//觸發document的onclick事件(第二種方式)(觸發瀏覽器預設行為)  

$(document).trigger("click");  

//觸發document的onclick事件(第三種方式)(不觸發瀏覽器預設行為)(相當於阻止預設動作,只會執行事件繫結的函式,並不會觸發事件)  

$(document).triggerhandler("click");  

$("input").on("focus", function () );  

//事件觸發(不觸發瀏覽器行為)(相當於:只會執行事件繫結的函式,並不會觸發事件,並沒有獲取焦點)  

$(document).click(function () );  

jquery移除 繫結 觸發元素事件

jquery移除 繫結 觸發元素事件unbind type data data是要移除的函式 btn unbind click 移除click btn unbind 移除所有對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one btn one click function 觸發操作 trigg...

jquery移除 繫結 觸發元素事件

unbind type data data是要移除的函式 btn unbind click 移除click btn unbind 移除所有 對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one btn one click function 觸發操作 trigger 方法觸發被選元素的指定事件型...

第77天 jQuery事件繫結觸發

div height 高度 div width 寬度 height 方法和 css height 的區別 返回值不同,height 方法返回的是數字型別 20 css height 返回的是字串型別 20px 因此.height 方法常用在參與數學計算的時候 div offset 獲取或設定座標值設...