En este artículo, estableceremos el color de fondo de un elemento usando jQuery. Para agregar el color de fondo, usamos el método css(). El método css() en JQuery se usa para cambiar la propiedad de estilo del elemento seleccionado. El css() en JQuery se puede usar de diferentes maneras. El método css() se puede usar para verificar el valor actual de la propiedad para el elemento seleccionado.
Sintaxis:
$(selector).css(property)
Valor devuelto : Devolverá el valor de la propiedad para el elemento seleccionado.
Ejemplo:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>
How to set background color
for an elements using jQuery?
</title>
<!-- Import jQuery cdn library -->
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("button").click(function () {
$("p").add("span").add("input")
.css("background", "green");
});
});
</script>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
How to set background color
for an elements using jQuery?
</h3>
<p>GeeksforGeeks computer science portal</p>
<br>
<span>GeeksforGeeks</span>
<br><br>
<input type="text">
<br><br>
<button>Click Here!</button>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
