jquery - 如何使用 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/

编辑: 使用 .height() 方法而不是 .css() 的另一个好处是，您不必处理是否为元素设置了 box-sizing 属性以及使用它时可能出现的跨浏览器支持问题。当使用 .height() 方法时，它会设置内容高度，而不管 box-sizing 属性的值设置和浏览器对它的支持，它更直观。

如果您确实想直接设置 CSS 高度(受 box-sizing 属性影响)，您可以使用 .css() 方法(如 stigok 在他的回答中所述):

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

但通常 .height() 会是您想要的...