JQuery中的事件冒泡是指當一個元素觸發某個事件時,它的父元素也會同時觸發該事件,接著再傳遞到更上層的父元素,直到傳遞到文檔根節點為止。這個過程就像冒泡一樣,所以被稱為事件冒泡。
// 示例代碼 $(document).ready(function(){ $("p").click(function(){ alert("你點擊了段落!"); }); $("div").click(function(){ alert("你點擊了 DIV!"); }); $("body").click(function(){ alert("你點擊了 body!"); }); });
在上述例子中,如果我們點擊了一個段落元素,那么就會先觸發該段落元素上的click事件,然后再逐層向上觸發DIV和body上的click事件。
有時候我們需要阻止事件冒泡,可以使用JQuery提供的stopPropagation()方法。例如:
// 示例代碼 $("p").click(function(event){ event.stopPropagation(); // 阻止事件冒泡 alert("你點擊了段落!"); });
上述代碼中,當我們點擊段落元素時,事件冒泡會被阻止,不會繼續觸發DIV和body上的click事件。
下一篇mysql兩個表過濾