jquery 事件冒泡的介绍以及如何阻止事件冒泡

### 如何阻止事件冒泡

在jQuery中，你可以使用`.stopPropagation()`方法来阻止事件继续冒泡。这个方法会立即停止事件在DOM层次结构中进一步传播。

#### 示例代码

// 假设有以下HTML结构
<div id="parent">
    <button id="child">点击我</button>
</div>

// 给父元素绑定点击事件
$('#parent').click(function() {
    alert('父元素被点击');
});

// 给子元素绑定点击事件，并阻止事件冒泡
$('#child').click(function(event) {
    alert('子元素被点击');
    event.stopPropagation(); // 阻止事件冒泡
});

在上面的例子中，当你点击`