Jquery 同时切换1个容器中的2个div+；2在另一个容器中_Jquery

Jquery 同时切换1个容器中的2个div+；2在另一个容器中

jquery

Jquery 同时切换1个容器中的2个div+；2在另一个容器中,jquery,Jquery,我不知道如何搜索：在图库页面上，我希望能够通过单击图像在其原始大小和2x之间切换，但也可以通过单击另一个容器中的缩放按钮来切换状态（表示可以根据图像div当前状态进行放大或缩小）我通过点击图片或按钮来切换图片，但我不知道如何切换按钮谢谢。您可以使用jquerytoggleClass（）。比如说通过使用hasClass，您可以专门针对元素。例如： JS-Bin .image.active{宽度：64；高度：64；} .active{边框：2px纯黑色；} 单击图像或按钮成长 jQuery

我不知道如何搜索：在图库页面上，我希望能够通过单击图像在其原始大小和2x之间切换，但也可以通过单击另一个容器中的缩放按钮来切换状态（表示可以根据图像div当前状态进行放大或缩小）

我通过点击图片或按钮来切换图片，但我不知道如何切换按钮

谢谢。

您可以使用jquery

toggleClass（）

。比如说

通过使用

hasClass

，您可以专门针对元素。例如：


JS-Bin
.image.active{宽度：64；高度：64；}
.active{边框：2px纯黑色；}
单击图像或按钮



成长
jQuery（函数（）{
$（'.ctrl'）.bind（'click'，function（）{
$（'.ctrl'）.toggleClass（'active'）；
if（$（'.ctrl.button'）.hasClass（'active'））{
$（'.ctrl.button'）.text（'Shrink'）；
}
否则{
$（'.ctrl.button'）.text（'Grow'）；
}
});
});

您能提供您的代码吗？和/或你已经编辑了一些我以前找到的代码，我得到了我想要的效果！我不确定这个解决方案有多好，任何改进建议都很酷。不过我现在很高兴。伟大的这就是我想要的，但是我如何使用它将按钮制作成图像呢？使用css

.button.active{background image:url（'/img/shring.jpg'）

和

.button{background image:url（'/img/grow.jpg'）

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
  .image.active{width:64;height:64;}
  .active{border:2px solid black;}
</style>
</head>
<body>

  Click the image or the button<br><br>

  <img 
    class="ctrl image"
    src="http://www.gravatar.com/avatar/f9dc5de7822b1679d7133691ec616174?s=32&d=identicon&r=PG">

  <br><button class="ctrl button">Grow</button>

<script>
  jQuery(function(){

    $('.ctrl').bind('click', function(){

      $('.ctrl').toggleClass('active');

      if ($('.ctrl.button').hasClass('active')) {
        $('.ctrl.button').text('Shrink');
      }
      else {
        $('.ctrl.button').text('Grow');
      }

    });

  });

</script>
</body>
</html>