<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>visibility 필터 선택자</title>
    <style>
        #vis {
            display: none;
        }
    </style>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
    <div id="vis">내용1</div>
    <div>내용2</div>
</body>
</html> 
$(document).ready(function() {
            console.log($("div:hidden").text());
            $("div:visible").css("background", "orange");
        });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js