In diesem Artikel finden wir alle Textareas und erstellen einen Rahmen mit jQuery. Um dem textarea-Element einen Rahmen hinzuzufügen, verwenden wir die css()-Methode. Die Methode css() wird verwendet, um die Stileigenschaft des ausgewählten Elements zu ändern. Das css() in jQuery kann auf verschiedene Arten verwendet werden. Die Methode css() kann verwendet werden, um den aktuellen Wert der Eigenschaft für das ausgewählte Element zu überprüfen.

Syntax:

$(selector).css(property)

Rückgabewert: Gibt den Wert der Eigenschaft für das ausgewählte Element zurück.

Beispiel:

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>

Ausgabe:

Vor dem Klicken auf die Schaltfläche:

Nach Button-Klick: