HTML Display visible 여부 확인하기

​

안녕하세요!

 Milkye 입니다 =)

날이 좋네요! 

그리고 전 회사에 있죠 하하하...

업무 요건을 받아 처리를 하고 있다가 조금 특이한 사항이 들어와서 생각해보다가 포스팅을 남겨봅니다.

특정한 상황에서만 DIV를 Show() 를 해주게 됩니다. 이 때, DIV의 상태에 따라서 특정 변수의 값을 유동적으로 변경해주려고 합니다.

그럴떄 사용하실 수 있는 방법이에요!

자 우선 show() & hide() 부터 보도록 하죠.

if ( 요건 == true)
  $ ("#div_class").show();
else
  $ ("#div_class").hide();

를 통해서 해당 div를 show hide해줄 수 있습니다.

그 다음!  해당 div가 show인지 hide인지 판별을 하는 방법입니다

if ( $("#div_class").is(":visible") ) 
  /* Action */ 

으로 해당 상태가 True 인지 False 인지 판단을 할 수 있습니다.

실제로 저걸 alert을 찍어보면 다음과 같은 결과가 나오게 됩니다.

[ div_class 가 show 상태라면 ]

  alert( $("#div_class").is(":visible")  ); 

=> 결과 : true

[ div_class 가 hide 상태라면 ]

  alert( $("#div_class").is(":visible")  ); 

=> 결과 : false

  

때에 따라서 상황에 맞게 자주 사용을 할 수 있는 방법이 될 것 같네요. 간단한 방법으로 응용을 해서 사용하면 될 것 같아요!