如何使用 jQuery 获取元素的内部宽度（不包括边框）？

我们可以使用 jQuery innerWidth()方法。 innerWidth()方法返回第一个匹配元素的内部宽度，包括填充但不包括边框。

句法：

$(selector).innerWidth()

所以元素的内部宽度如下图所示。

内宽

元素的内部宽度是元素的宽度和该元素周围的填充的总和。在计算任何元素的内部宽度时，我们不包括 Border 和 Margin。

示例：下面的示例通过使用按钮单击事件演示 HTML 的“p”元素的内部宽度。

HTML

  
    
    
    
  
  
  
    Hello
  
    Click to know the inner width of p tag
    
      $("button").click(function () {
        $("p").text("Inner Width : " + $("p").innerWidth());
      });
    
  

输出：

单击获取内部宽度