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的方法更加簡潔。