En este artículo, encontraremos todas las áreas de texto y crearemos un borde usando jQuery. Para agregar un borde al elemento textarea, usamos el método css(). El método css() 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> <!-- 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 () { $("textarea") .css("border", "2px solid green"); }); }); </script> </head> <body style="text-align: center;"> <h1 style="color: green;"> GeeksforGeeks </h1> <h3> How to find all textareas and makes a border using jQuery? </h3> <textarea>HTML Textarea</textarea> <br><br> <textarea>CSS Textarea</textarea> <br><br> <textarea>JavaScript Textarea</textarea> <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: