[jQuery]display show and hide

태그를 보여주거나 감추려할 때 쓰는 CSS에서의 속성은 display다.

속성 종류로는 여러가지가 있지만, 오늘은 block과 none만 확인하겠다.

그런데, 이것을 정적으로 지정하는 것만이 아니라, 페이지의 상황이나 유저의 선택에 따라 동적으로 하자고 하면

스크립트를 이용하거나 jQuery를 이용하는 것이 편하다.

그럼, 우선 기존의 스크립트에서는

obj.style.display = block; //보임

obj.style.display = none; //안보임

이는 스크립트로 오브젝트(태그)의 속성으로 접근해서 속성값을 지정하는 것이다.

이를 jQuery로 표현하면

$("#id").css("display") = 속성값;

$("#id").attr("display", "속성값");

이다. 

그런데, 이것은 함수로도 제공된다. 

$("#id).show();

$("#id).hide();

이것은 애니메이팅 함수로 이외에도 여러가지가 있다.

환단고기 역주본 - 원전 국내도서 저자 : 계연수 / 안경전역 출판 : 상생출판 2012.09.03 상세보기