🎈HTML
<body> <h1>숨기기, 보이기</h1> <p> <button id="out">문장 숨기기</button> <button id="in">문장 표시하기</button> </p> <div>안녕하세요, jquery 입니다.</div> </body>
🎈hide() : 요소를 숨기는 메서드
- 인자값으로 밀리초(ms)로 설정하거나
slow, fast 와 같은 예약어를 전달하여 이팩트 효과의 속도를 설정할 수 있다.
*hide() $("#out").click(function(){ $('div').hide(); });
*hide() + 인자로 속도조절 $("#out").click(function(){ $('div').hide(2000); });
🎈show() : 요소를 나타내는 메서드
- 인자값으로 밀리초(ms)로 설정하거나
slow, fast 와 같은 예약어를 전달하여 이팩트 효과의 속도를 설정할 수 있다.
*show() $("#in").click(function(){ $('div').show(); });
*show() + 인자로 속도조절 $("#in").click(function(){ $('div').show("slow"); });
웹 개발자 공부 중