jQuery问题-如何解决？

Question

我有一个类似的jQuery要求：

我有一张图片。 如果单击一次，它的大小将减小。 如果再次单击它，它将再次调整大小。

我们有任何功能可以在jQuery中轻松实现吗？ 还是我必须设置一个标志然后在mouseclick上工作？ 就像是

  $("#img1").click(function() {
      $("#img1").addClass("img1");
  });

Answer 1

当有toggleClass函数时，不要使用切换：)

$("#img1").click(function() {
  $("#img1").toggleClass("img1");
});

Answer 2

jQuery 切换功能可能会有所帮助。

简而言之=>

CSS：

.small{width: 10px;}

Javascript：

var makeSmall = function(){
            $(this).addClass("small");
        };

var makeNormal = function () {
        $(this).removeClass("small");
    };

$("#id").toggle(makeSmall, makeNormal);

另外-您可能想直接通过jQuery更改CSS：

var makeSmall = function(){
    $(this).css({'width' : '10px'});
}

PS思想者使用toggleClass的方法更加简洁。