In jQuery: visible selector usage example_jquery

The example in this article describes the usage of the :visible selector in jQuery. Share it with everyone for your reference. The specific analysis is as follows:

This selector matches all currently visible elements.

Grammar structure:

Copy code The code is as follows:

$(":visible")

This selector is generally used in conjunction with other selectors, such as class selectors, element selectors, etc. For example:

Copy code The code is as follows:

$("div:visible").css({color:"blue"} )

The above code sets the font color in visible div elements to blue.
If not used with other selectors, the default state is to be used with the * selector , for example, $(":visible") is equivalent to $("*:visible").

Example code:

Example 1:

Copy code The code is as follows:

I am invisible

I am visible

• Script House welcomes you

Click to see the effect

The above code can set the text color in the visible div to blue.

Example 2:

Copy code The code is as follows:

I am invisible

I am visible

• Script House welcomes you

Click to see the effect

Since the above code does not specify a selector to be used with the :visible selector, it is used with the * selector by default, so the code can set the text color in all visible elements to blue.

I hope this article will be helpful to everyone’s jQuery programming.