Jqueryはイベント気泡の応用を阻止する

ブログで発表されたブログ
記事リンク:https://www.bloghome.com.cn/user/cnn237111
イベントバブルについては、記事を参考にしてくださいhttp://www.cnblogs.com/webflash/archive/2009/08/23/1552462.html
時には事件の泡が私たちに便利さをもたらし、時には不利をもたらすこともある.例を挙げます.
divにspanがネストされている場合.divとspanにはそれぞれclickイベントがあります.divをクリックすると、問題なくdivのイベントがトリガーされます.しかしspanをクリックすると、spanのイベントとdivのイベントがトリガーされます. 

 i'm div i'm Span 

divのclickイベントをトリガーせずにspanのclickイベントのみをトリガーしたい場合があります.
ではspanのコードにeventを加えるだけです.stopPropagation()メソッドでいいです.そうすると、事件の泡が上がるのを阻止します. 

$("#adiv").click(function() {   alert("div event"); }); $("#aspan").click(function(e) {   alert("span event");   e.stopPropagation(); });