84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
在下新手有个问题想请教一下,下面这个实现点击后放大缩小的代码，再点了.close的这个click之后应该是要回到宽200px;高80px;的大小,但点击之后缩小后又会再放大,是因为.close标签是.box的子元素,导致点了.close也等于点了.box,所以又在执行了.box的放大,是这样的吗?
好好学习，天天向上！！！
jquery를 클릭하여 확대 및 축소하는 방법에 대한 질문 - PHP 중국어 웹사이트 Q&A - jquery를 클릭하여 확대 및 축소하는 방법에 대한 질문 - PHP 중국어 웹사이트 Q&A
둘러보고 알아보세요.
是，因为点了.close以后默认事件会冒泡到.box上。你可以用事件对象阻止事件冒泡：
$(document).ready(function(){ $(".box").click(function(){ $(this).animate({ width:"400px", height:"300px" }); }); $(".close").click(function(event){ event.stopPropagation(); //阻止事件冒泡 $(".box").animate({ width:"200px", height:"80px" }); }); });
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
jquery를 클릭하여 확대 및 축소하는 방법에 대한 질문 - PHP 중국어 웹사이트 Q&A - jquery를 클릭하여 확대 및 축소하는 방법에 대한 질문 - PHP 중국어 웹사이트 Q&A
둘러보고 알아보세요.
是，因为点了.close以后默认事件会冒泡到.box上。你可以用事件对象阻止事件冒泡：
$(document).ready(function(){ $(".box").click(function(){ $(this).animate({ width:"400px", height:"300px" }); }); $(".close").click(function(event){ event.stopPropagation(); //阻止事件冒泡 $(".box").animate({ width:"200px", height:"80px" }); }); });