如何使用jQuery来改变字体大小

在这篇文章中，我们将看到如何使用jQuery来改变一个元素的字体大小。为了改变一个元素的字体大小，我们将使用css()方法。

css()方法是用来改变所选元素的样式属性。

语法:

$(selector).css(property)

返回值 。它将返回所选元素的属性值。

在下面的例子中，我们创建了一个包含一些文本的div元素，同时也创建了一个按钮元素。当用户点击按钮时，css()方法被调用，该方法将字体大小的属性值设置为32px。

示例:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
  
    <!-- Including jQuery -->
    <script src="
https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
  
        <h3>
            How to change font size using jQuery?
        </h3>
  
        <div id="content">Welcome to GeeksforGeeks</div>
        <br>
  
        <button>Change font size</button>
    </center>
  
    <script>
         $(document).ready(function() {$ ('button').click(function() {
                $("#content").css("fontSize", "32px");
            });
        });
    </script>
</body>
  
</html>

输出:

如何使用jQuery来改变字体大小？