jQuery如何阻止事件冒泡

清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>>

条件：外层有一个DIV元素，在内层有一个P元素，存在这样的关系:DIV是P元素的父元素，而P是外层DIV的子元素，他们之间存在包含和被包含的关系。

事件：现在我们都在这两个元素上绑定相同的事件，比如click事件。

结果：这时，当我们点击内层的P标签的时候，内层元素的click事件触发，同时外层DIV的click事件也会触发。

JQuery 提供了三种方式来阻止事件冒泡。

方式一：event.stopPropagation();

方式二：event.preventDefault();

方式三：return false;

区别：event.stopPropagation() 只阻止事件往上冒泡，不阻止事件本身。event.preventDefault()则只阻止事件本身，不阻止事件往上冒泡。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。