Jquery 单击按钮时，高度和宽度不变

我想要一个按钮，当我点击按钮时，画布的大小会改变1px，但是为什么我的代码不会改变大小

$（“#我的按钮”）。单击（函数（）{
console.log（“你好”）；
var fontSize=parseInt（$（'myCanvas'）.css（“高度”）；
var fontSize1=parseInt（$（'myCanvas'）.css（“宽度”）；
console.log（fontSize+“”+fontSize1）；
fontSize=fontSize+1+“px”；
fontSize1=fontSize1+1+“px”；
$（'myCanvas'）.css（{'height'：fontSize}）；
$（'myCanvas'）.css（{'width'：fontSize1}）；
});
#我的画布{
边框：1px实心#000；
宽度：578px；
高度：200px；
边缘顶部：10px；
左边距：15px；
}

调整大小
您忘记了
选择器，将
$（'myCanvas'）
更改为
$（'myCanvas'）
同样，您可以简化
$（'myCanvas'）.height（$（'myCanvas'）.height（）+1），而不是将height和width属性设置为字符串，等等。
$(document).ready(function(){ // when document ready, define it!
 $("#myButton").click(function() {
  console.log("Hello");
  var fontSize = parseInt($('#myCanvas').css("height")); // use #
  var fontSize1 = parseInt($('#myCanvas').css("width")); // use #
  console.log(fontSize+ " "+ fontSize1);
    fontSize = fontSize + 1 + "px";
    fontSize1 = fontSize1 + 1 + "px";
    $('#myCanvas').css({'height':fontSize}); // use #
    $('#myCanvas').css({'width':fontSize1}); // use #
  });
})