jquery 冒泡机制

赵幸婉 2周前 8浏览 0评论

jQuery 冒泡机制是在 HTML DOM 中常见的一种事件行为模型，也是 jQuery 事件模型的核心机制之一。

当一个元素上触发某类事件（比如点击事件 click），如果这个元素有父级元素，那么也会依次触发父级元素的相应事件，这种行为就叫做冒泡（Bubbling）。

下面是一个使用 jQuery 冒泡机制的示例代码：

$("ul").on("click", "li", function(event){
  console.log("点击了：" + event.target.textContent );
});

在上述代码中，当 \

元素被点击时会触发 click 事件。然而通过使用 .on() 方法并传入两个参数，我们可以绑定事件到父级元素（这里是 \

如果你不想让事件冒泡到父级元素，可以使用 .stopPropagation() 方法来阻止事件冒泡：

$("li").on("click", function(event){
  event.stopPropagation(); // 阻止事件冒泡
  console.log("点击了：" + event.target.textContent );
});

通过使用 .stopPropagation() 方法，我们可以防止该事件向父级元素冒泡，只在 \