[jQuery] 제이쿼리 요소 숨기기, 보여주기

 

 

hide

hide 함수를 쓰면 선택된 요소에 display:none; 이 설정되어 요소가 숨겨진다

$('#item').hide();

 

show

show 함수를 쓰면 hide 함수로 숨겨진 요소가 다시 보이게 된다

$('#item').show();

 

fadeOut

fadeOut() 함수는 요소를 천천히 사라지게 하며 파라미터로 1000을 넘겨주면 1초동안 요소가 천천히 사라진다

$('#item').fadeOut(1000);

 

 

fadeIn

fadeIn() 함수는 숨겨진 상태의 요소를 천천히 나타나게 해주며, 아래 #item 요소는 1초동안 천천히 나타난다

$('#item').fadeIn(1000);