Skip to content
Related Articles

Related Articles

jQuery | :visible Selector

View Discussion
Improve Article
Save Article
  • Last Updated : 15 Apr, 2019
View Discussion
Improve Article
Save Article

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)




<!DOCTYPE html>
    <script src=
        $(document).ready(function() {
              "background-color", "green");
        <h1 style="color:green;">
          jQuery :visible Selector
        <p style="display:none;">
         A Computer science portal for Geeks.
          A computer science portal for geeks.
        <h4>Sudo Placement</h4>


Supported Browsers: The browser supported by jQuery :visible Selector are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!