Javascript 更改表中图像的大小

我用js动态创建一个表，并在每个单元格中添加一个图像。 我正在尝试使用Jquery调整图像大小，但由于某些原因，调整大小不起作用

我的方法是

  function table(){
    var rows = 8; 
    var cols = 8;
    var table = document.getElementById("table");
    for(var r = 0; r < rows; r++)
    {
      var tr = $('<tr></tr>');
        for (var c = 0; c < cols; c++)
    $('<td></td>').appendTo(tr)
    .append($('<img/>').
    attr({src: './img.png'}),
    height(50),
    width(50));
     tr.appendTo(table);
    }

函数表（）{
var行=8；
var-cols=8；
var table=document.getElementById（“表格”）；
对于（var r=0；r
此外，我还尝试调整我的td，但我不知道如何调整它。有什么建议吗

谢谢
您可以使用
css（）
jquery函数进行设置：

function table(){
    var rows = 8; 
    var cols = 8;
    var table = document.getElementById("table");
    for(var r = 0; r < rows; r++)
    {
      var tr = $('<tr></tr>');
        for (var c = 0; c < cols; c++) 
            $('<td></td>').appendTo(tr)
                .append($('<img/>')
                .attr('src','./img.png')
                .css({'height':'50px','width':'50px'}));
        tr.appendTo(table);

    }
}

函数表（）{
var行=8；
var-cols=8；
var table=document.getElementById（“表格”）；
对于（var r=0；r.append（$）（'尝试更改宽度和高度属性，就像使用src一样