-
[jQuery] 5. 보이기 / 숨기기(Hide / Show) - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:14jQuery Effects - Hide and Show
1. jQuery hide() and show()
HTML 요소를 hide()와 show() 메소드로 숨기고 보일 수 있습니다:
12345678910111213141516171819202122232425<!DOCTYPE html><html><head><script>$(document).ready(function(){$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});});</script></head><body><p>If you click on the "Hide" button, I will disappear.</p><button id="hide">Hide</button><button id="show">Show</button></body></html>cs 문법:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);선택적인 speed 매개변수는 숨김과 보임의 속도를 명시합니다.
선택적인 callback 매개변수는 hide()와 show() 메소드를 완료하고난 후에 실행시킬 함수를 의미합니다.
1234$("button").click(function(){$("p").hide(1000);});cs 2. jQuery toggle()
보여진 요소는 숨기고, 숨겨진 요소는 보이는 toggle() 메소드가 있습니다.
123$("button").click(function(){$("p").toggle();});cs 문법:
$(selector).toggle(speed,callback);'Web > jQuery' 카테고리의 다른 글
[jQuery] 8. 애니메이션(Animation) - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 7. Sliding - jQuery 강좌 (0) 2015.06.13 [jQuery] 6. Fading - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 4. 이벤트 메소드(Event method) - jQuery 강좌 (0) 2015.06.13 [jQuery] 3. 선택자(selector) - jQuery 강좌 (0) 2015.06.13 [jQuery] 2. 문법(Syntax) - jQuery 강좌 (0) 2015.06.13
