如何使用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()会是你想要的......