jQuery基礎之事件處理

2022-05-06 07:42:11 字數 997 閱讀 5565

事件**的第一種方式4//

事件冒泡,子標籤的事件會傳遞給父標籤5//

當點選子標籤時會將單擊事件傳遞給父標籤,導致父標籤也執行單擊事件6$(

function

());

11var

$div2 =$(

'#div2');

12$div2.click(

function

());

15});

16//

事件**的第二種方式

17//

使用delegate方法完成事件**

1819

$(function

());

30});

31});

32script

>

3334

35<

body

>

36<

div

id="div1"

>

11137

<

div

id="div2"

>22

div>

38div

>

39<

div>

40<

div

id="div3"

>

41<

p>使用delegate方法完成事件**

p>

42div

>

43div

>

44body

>

JQuery之事件冒泡

jquery 提供了兩種方式來阻止事件冒泡。方法一 event.stoppropagation div1 mousedown function event 方法二 return false div1 mousedown function event 以上兩種方法都能阻止事件冒泡的發生,但是也有本質區...

jQuery之事件移除

於 有時候事件執行完了,想取消事件的效果可以通過一定的辦法來處理。比如bind 方法,可以通過unbind 方法來移除事件的效果。比如下面的乙個案例 html部分 點選我 這裡每次點選,都會執行一次事件,想div層末尾新增段落。下面的 是取消事件效果的,可以通過刪除事件,使點選效果失效 btn un...

初步學習jQuery之事件

在dom中提供了load事件用於頁面載入完畢之後執行機制,jquery提供了ready 方法實現相似的功能,但是存在以下的區別。1.dom中的load事件沒有任何的簡寫形式,但是在jquery的ready 方法中提供了簡寫形式。2.在html頁面載入完成以後,load事件才會被觸發 而在dom節點樹...