#   
##        
**`siblings()`** or **`elem.siblings()`** is a JQuery method that gets the siblings of an element. The **siblings** of an element are elements that have the same parent as the element in question.

## Syntax
```js
element.siblings([function])
```
## Parameter
`[function]`: The `siblings()` function can take an optional function.

## Code
In the example below, when you click the button, all the siblings of the `button` element are given  a new CSS value.

<html>

<head>
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
  </script>

  
  <script>
    $(document).ready(function(){
      // alert siblings of the "button" element
      $("button").click(function(){
        // add a CSS value
        $("button").siblings().css("border", "3px solid green")
      })
    });
  </script>
</head>

<body>
  <div>
    <h1>This is about "siblings()" in JQuery</h1>
    <p>This is a paragraph element</p>
    <a href="https://educative.io/edpresso">Visit Edpresso</a>
    <br/>
    <button>Get siblings</button>
  </div>
</body>

</html>

What is siblings() in JQuery?

Syntax

Parameter

Code