jquery - 如何为结果高度增加价值？

Question

代码：

alert($("#Test").css("height")); //300px;

如何为结果高度增加价值？

PS：我需要用 $("#Test").css("height") 添加 100px。

Answer 1

$('#Test').css( "height", "+=100" );

将在现有高度上增加 100

Answer 2

你想要这个吗？

使元素高度为 100px

$("#Test").css({"height":100});

或这个？

将元素高度增加 100px

$("#Test").css({"height":"+=100"});

ps 开始使用console.dir()而不是alert()

pps 文档是你的朋友，看这里

从 jQuery 1.6 开始，.css() 接受类似于 .animate() 的相对值。相对值是一个以 += 或 -= 开头的字符串，用于增加或减少当前值。例如，如果一个元素的 padding-left 为 10px，.css( "padding-left", "+=15" ) 将导致总 padding-left 为 25px。

Answer 3

您可以使用方法的匿名函数css()：

$("#Test").css("height", function (i, h) {
    return h + 100;
});