<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .box { border : 1px solid black; margin : 20px; padding: 20px; } </style> <script scr="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js"></script> <script> $(function(){/*이 웹페이지의 모든 리소스들이 로딩된 후에 실행을 해라.*/ /*jquery는 선택하고 실행한다.*/ $("#box1").hide(); $("#box2").hide(); // $(".box").show(); }); </script> </head> <body> <div id="box1" class="box">Box1</div> <div id="box2" class="box">Box2</div> </body> </html>
오 감사합니다!