How to use visible in jquery

This article mainly explains how to use visible in jquery. Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "how to use visible in jquery"!

In jquery, the ":visible" selector is used to select each element that is visible; visible elements are elements other than elements with a "display:none" style, form elements with "type="hidden", and elements with a width and height of 0, with the syntax"$(":visible")."

Operating environment for this tutorial: Windows 10 system, jquery version 3.2.1, Dell G3 computer.

What is the use of visible in jquery?

The:visible selector selects each element currently visible.

An element is visible except in the following cases:

Set to display:none

Form element with type="hidden"

Width and height are set to 0

Hidden parent elements (this also hides child elements)

syntax

$(":visible")

Examples are as follows:

123 $(document).ready(function(){ $("p:visible").css("background-color","yellow");}); This is a title

This is a paragraph.

This is another paragraph.

This is a hidden paragraph.

Output:

At this point, I believe that everyone has a deeper understanding of "how to use visible in jquery", so you may wish to actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!