jQuery animate lineHeight - 相对属性给出了奇怪的结果

Question

我正在尝试增加页面中的字体大小，因此也会相应地调整行高。现在我看到我可以使用相对值的字体大小，但不知何故这不适用于行高！？

$('elem').on('click', function () {
  box.animate({
    'lineHeight':  '+=5',
    'fontSize': '+=5'
  });
});

那么还有另一种方式：

var lh = parseFloat( box.css('line-height'), 10);

$('elem').on('click', function () {
  lh += 5;
  box.animate({
    'lineHeight':  lh + 'px',
    'fontSize': '+=5'
  });
});

感谢