更好的方法来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的制定者。那是你发布问题后的一年。此外，它已在changelog中列出，但没有人updated the documentation解释说它可能已被许多人遗漏。

如果您有jQuery 1.7.2或更早版本，请参阅Xeo's answer（在此页面上）或使用jquery-ui 1.8.4+自动将这些方法增强为getter / setter（因为在jQuery 1.8中，这些方法实际上来自jquery-ui的ported。

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");