如何使用 jQuery 获取元素的字体大小？

在本文中，我们将了解如何使用 jQuery 获取元素的字体大小。要获取元素的字体大小，我们将使用 css() 方法。 css() 方法用于设置或返回所选元素的样式属性。

句法：

var style = $(selector).css(property)

返回值：此方法返回所选元素的样式属性值。

方法：在下面的示例中，我们将创建一个包含一些文本的 div 元素并在其上添加一些 CSS 样式（字体大小）。此外，我们将创建一个按钮元素。当用户单击按钮时，调用 css() 方法，该方法返回 div 元素的 font-size 属性。

例子：

HTML

  

    
    
    
  
    
    
    
  
    
        h1 {
            color: green;
        }
        #content {
            font-size: 24px;
        }
    

  

    
        
            GeeksforGeeks
        
  
        
            How to get font size of 
            an element using jQuery?
        
  
        
            Welcome to GeeksforGeeks
        
        
  
        Get the font size
    
  
    
        $(document).ready(function () {
            $('button').click(function () {
                var fs = $("#content").css("fontSize");
                alert("Font Size of div Element: " + fs);
            });
        });
    

  

输出：