冒泡小例子

冒泡：

小的元素在大的元素里面，

两个元素同时绑定事件。

点击小的会同时触发大的事件。

$(‘.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()})

}

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