Visible (:visible)

Description and Syntax

$(':visible')

selects all elements that are visible.

Examples

$('li:visible') selects all <li> elements that are visible
$('.myclass:visible') selects all elements with the class myclass that are visible

The following code selects visible div elements.


<html>
  <head>
    <script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){<!--from   ww w.j  a  v  a2  s  .co m-->
            $("div:visible").click(function () {
                $(this).css("background", "yellow");
            });
        });
    </script>

  </head>
  <body>
    <body>
      <span></span>
      <div style="display:none;">java2s.com!</div>
      <div>click me</div>


    </body>
</html>

Click to view the demo

The code above generates the following result.

Home »
  Javascript Tutorial »
    jQuery Reference »
      jQuery Selector

...
Attribute not equal ([foo!=bar])
Attribute begins with ([foo^=bar])
Attribute ends with ([foo$=bar])
Attribute contains ([foo*=bar])
Attribute contains word ([foo~=bar])
Attribute contains prefix ([foo|=bar])
Attribute exists $("[attributeName*='value'...
Form selector
Form input selector (:input)
Form text fields (input:text)
Form Password field (input:password)
Form Radio button (input:radio)
Form Checkbox (input:checkbox)
Form Submit button (input:submit)
Form Image button (input:image)
Form Reset button (input:reset)
Form button (input:button)
Form File upload (input:file)
Form Enabled form element (input:enabled)
Form Disabled form element (input:disabled)
Form Checked box (input:checked)
Form Selected option (input:selected)
Element at index (:eq(n))
Greater than (:gt(n))
Less than (:lt(n))
First (:first)
Last (:last)
Even element (:even)
Odd element (:odd)
parent (:parent)
Contains text (:contains(text))
Contains element (:has(E))

Visible (:visible)

Hidden (:hidden)
Header element (:header)
Currently animating (:animated)
$(this) selector
Custom User Selectors
...