jQuery | :visible Selector
The :visible Selector is used to select all the elements that are currently visible in the document.
The visible element does not support any condition that is given below:
- Set to display:none
- Form elements with type=”hidden”
- Width and height set to 0
- A hidden parent element (this also hides child elements)
Syntax:
$(":visible") Example:
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function() { $("p:visible").css( "background-color", "green"); }); </script></head> <body> <center> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> jQuery :visible Selector </h2> <p>GeeksForGeeks</p> <p style="display:none;"> A Computer science portal for Geeks. </p> <p> A computer science portal for geeks. </p> <h4>Sudo Placement</h4> <div>GFG</div> </center></body> </html> |
Output:
Supported Browsers: The browser supported by jQuery :visible Selector are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
