En este artículo, veremos cómo cambiar el tamaño de fuente de un elemento usando jQuery. Para cambiar el tamaño de fuente de un elemento, usaremos el método css() .
El método css() se usa para cambiar la propiedad de estilo del elemento seleccionado.
Sintaxis:
$(selector).css(property)
Valor devuelto: Devolverá el valor de la propiedad para el elemento seleccionado.
En el siguiente ejemplo, hemos creado un elemento div que contiene algo de texto y también creamos un elemento de botón. Cuando el usuario hace clic en el botón, se llama al método css() y este método establece el valor de la propiedad de tamaño de fuente en 32 px.
Ejemplo:
HTML
<!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>
Producción:
