更好的方法來jQuery設置outerWidth（true） - 寬度

Question

簡而言之，有沒有辦法設置outerWidth？

$.outerWidth(true, newValue)

更新：我找到了一些這樣做的插件，雖然我需要一個功能定義而不是3個插件才能做到這一點。

Answer 1

你非常接近。 使用jQuery 1.8+，只需使用：

.outerWidth(newValue, true);

也適用於：

• .innerWidth(val)
• .innerHeight(val)
• .outerWidth(val [, true])
• .outerHeight(val [, true])

它實際上成了jQuery 1.8的制定者。 那是你發布問題后的一年。 此外，它已在更新 日志中列出，但沒有人更新文檔 ，這解釋了它可能已被許多人遺漏。

如果您有jQuery 1.7.2或更早版本，請參閱Xeo的答案 （在此頁面上）或使用jquery-ui 1.8.4+自動將這些方法增強為getter / setter（因為在jQuery 1.8中，這些方法實際上是從jquery 移植的 - UI）。

Answer 2

這是你在找什么？

var a = $('element');
    actualWidth = a.outerWidth(true),
    desiredWidth = 1000,
    difference = desiredWidth - actualWidth,

a.css('width',difference);

Answer 3

如果要設置元素的寬度，可以使用這些示例

var a = $("#element");

a.width(10);
a.css("width", "10px");