jQuery 设置 externalWidth(true) - 宽度的更好方法

Question

简而言之，有没有办法设置outerWidth？

$.outerWidth(true, newValue)

更新： 我发现一些插件可以做到这一点， 虽然我需要一个函数定义而不是 3 个插件来做到这一点。

Answer 1

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

.outerWidth(newValue, true);

也适用于：

• .innerWidth(val)< /a>
• .innerHeight(val)
• .outerWidth(val [, true])
• .outerHeight(val [, true])

它实际上成为了 jQuery 1.8 的 setter。那是你发布问题一年后。此外，它被列在变更日志中，但没有人更新文档，这解释了它可能被错过了很多。

如果您有 jQuery 1.7.2 或更早版本，请参阅 Xeo 的答案（在此页面上）或使用jquery-ui 1.8.4+ 自动将这些方法增强为 getters/setters（因为在 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");