jQuery学习笔记2——事件冒泡
所谓冒泡事件就是在多个元素嵌套时,单击里层的元素会依次触发外层的元素,这样会引起一些意料之外的效果。看事件代码:
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
停止事件冒泡
方法一:使用jQuery中的stopPropagation()方法
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
这样就可以在单击span时而不触发div,body事件了。(注意function中event参数的添加)
方法二:使用return false;
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
所谓冒泡事件就是在多个元素嵌套时,单击里层的元素会依次触发外层的元素,这样会引起一些意料之外的效果。看事件代码:
停止事件冒泡
方法一:使用jQuery中的stopPropagation()方法
这样就可以在单击span时而不触发div,body事件了。(注意function中event参数的添加)
方法二:使用return false;