まず、JSイベントモデルを見てみましょう。 JSイベントモデルは上向きに泡立っています。たとえば、オンクリックイベントがトリガーされた後、イベントはノードに従って、クリックイベントが親ノードにバインドされるまで上向きに伝播します。ドキュメントのルートに到達しない場合。
バブルを停止するには：1。非IEブラウザのStopPropagation（）。 2。CancelBubble属性は真です。 IEブラウザの場合、
jQueryにはすでにブラウザ互換の方法があります。
<！doctype html> <html> <head> <meta charset = "utf-8"/> <script type = "text/javascript" src = "js/jquery-1.4.4.min.js"> </script> <title> </title> </head> <スタイルtype = "text/css"> body {background-color：＃999999;}＃mydiv {background-color：#fffff; width：250px; height：250px; display：none; } </style> <body> <入力id = "btn" type = "button" value = "show div"/> <div id = "mydiv">これはdiv; </div> </body> <script type = "text/javascript"> var mydiv = $（ "＃mydiv"）; $（click（）{show（）{show "）{show（）{show（）{show（）。 div method $（document）。 function showdiv（）{$（mydiv）.fadein（）;} </script>