jquery - 在 jQuery 中获取边框宽度

Question

我必须在容器内动态定位弹出元素。我正在尝试获取容器的边框宽度。我发现了几个这样的问题:

How to get border width in jQuery/javascript

我的问题已被讨论，但我还没有找到任何答案。当属性为粗、细或中等时，如何获取边框宽度？

有传言说您通常可以期望薄、中和厚分别为 2px、4px 和 6px，但 CSS 规范并不要求如此。

有没有人遇到过一种简单的(或者如果不容易的话至少是一致的)方法来获取 DOM 元素的一个边缘上的边框宽度？

Answer 1

您可以使用 .innerWidth() 和 .outerWidth() 获取带边框和不带边框的宽度，然后从第一个中减去第二个。

var someElement = $("#someId");
var outer = someElement.outerWidth();
var inner = someElement.innerWidth();

alert(outer - inner); // alerts the border width in pixels