单击时切换图像大小

【问题标题】：Toggle image size on click单击时切换图像大小
【发布时间】：2013-12-31 10:13:00
【问题描述】：

点击图片时如何切换图片大小？这是我现在拥有的代码，当单击图像时它会变大，但它只是保持这种状态。如何让它从原始大小到 600px 来回切换？

$("img").click(function() {
$(this).css({height: "600px", width: "600px"});
});

【问题讨论】：

标签： jquery css

【解决方案1】：

$("img").click(function() {
   $(this).toggleClass("bigger");
});

在你的CSS中添加这个

img .bigger {
    height: 600px;
    width: 600px;
}

【讨论】：

【解决方案2】：

改用.toggleClass()：

$("img").click(function() {
    $(this).toggleClass("test");    
});

CSS

.test {
    height: 600px;
    width: 600px;
}

【讨论】：