§ ITPOW >> 文档 >> JavaScript >> 指南

作者：vkvi 来源：ITPOW（原创） 日期：2019-5-14

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <div id="result">0</div> <div class="btn" style="padding:20px; background:#f00;"> <div style="padding:20px; background:#0f0;"></div> </div> <script> $(window).ready(function (){ var i = 0; $("div").click(function (){ i++; $("#result").text(i); }); }); </script>

上面的代码中，我在内层 div 中点击，i 是加几次呢？加 2 次，相当于它冒泡了。

还有，如果我只为外层 div.btn 写事件，内层不写事件，点击内层时，会触发吗？会！内层阻止不了外层，因为它冒泡了，虽然自己不响应，但是它还是要冒泡交给外层。