HTML Display visible 여부 확인하기

Posted by 돼지로운생활
2018. 4. 27. 00:00 개발자의 길/WEB

안녕하세요!

 Milkye 입니다 =)


날이 좋네요! 

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


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


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

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


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


1
2
3
4
if ( 요건 == true)
  $ ("#div_class").show();
else
  $ ("#div_class").hide();
cs


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


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

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


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



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


[ div_class 가 show 상태라면 ]

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

=> 결과 : true


[ div_class 가 hide 상태라면 ]

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

=> 결과 : false



  

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






유용한 IT정보 / 전자제품 리뷰
포털에서 MilkyeWay를 검색해주세요👍
유용한 정보였다면 ❤️ 클릭 부탁드려요 😄

이 댓글을 비밀 댓글로