如何使用jQuery设置td的高度？

Question

我的table td如下：

<td class="fc-day fc-wed fc-widget-content fc-future" data-date="2014-03-26">

我想将td的高度设置为144px。我尝试了以下，但它没有用。

$('.fc-day').attr('height', 144);

Answer 1

使用.attr（）方法将设置属性，但不设置css。你最好使用.height（）方法而不是.attr（）或.css（）方法，因为它会处理所有事情，也是最短且最易读的选项：

$('.fc-day').height(144); // Pixels are the default

你可以传递一个刺痛来指定一个单位：

$('.fc-day').height("144px"); 
$('.fc-day').height("50%");

您可以在此处详细了解： https://api.jquery.com/height/

编辑：在.css（）上使用.height（）方法的另一个好处是，您不必处理是否为元素设置了box-sizing属性使用它时可能出现的跨浏览器支持问题。当使用.height（）方法时，它将设置内容高度，无论为box-sizing属性设置的值和浏览器对它的支持，它都更加直观。

如果你想直接设置CSS高度（受box-sizing属性影响），可以使用.css（）方法（如答案中的stigok所述）：

$('.fc-day').css('height', '144px');

但通常.height（）就是你想要的......

Answer 2

您可以设置<td>的CSS。

$('.fc-day').css('height', '144px');

Answer 3

$('.fc-day').attr('height', '144px');应该有效。你忘记了PX