jquery阻止冒泡小例子

冒泡：小的元素在大的元素里面，两个元素同时绑定事件。
点击小的会同时触发大的事件。

$('.big').on('click',function (e) {
console.log('big')

})
$(".small").on('click',function (e) {
console.log('small')

}

此时点击小的控制台会同时打印small big，

解决方法：$('.big').on('click',function (e) { console.log('big') e.stopPropagation()})$(".small").on('click',function (e) { console.log('small') e.stopPropagation()}

此时两个元素事件不再互相干扰