¿Cómo encontrar todas las áreas de texto y hacer un borde usando jQuery?

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:

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *