특정 상황에서 버튼을 숨기거나 보여주고 싶을때 사용하면 좋다.
toggle()을 사용하여 객체를 보이거나(show), 숨기기(hide)를 변경하면 쉽지만 ,
현재 상태를 판단해서 처리 해야 할 때도 있다. 이 때 유용하게 사용 할 수 있다.
.is(":hidden") 으로 현재 생태를 판단 할 수 있다.
리턴 값이 true 라면 .hide() 상태
리턴값이 false 라면 .show() 상태
사용방법>
if($("#btnView").is(":hidden")){
$("#btnView").show();
}
else{
$("#btnView").hide();
}
참고>
:hidden Selector
Description: Selects all elements that are hidden.
제이쿼리 API 사이트
https://api.jquery.com/hidden-selector/
728x90
'Software > Javascript&jQuery' 카테고리의 다른 글
[Javascript&jQuery] 자바스크립트 - 새로고침 location.reload() (0) | 2020.04.29 |
---|---|
[Javascrip&jQuery] .indexOf() 데이터 검색 - WHERE 절의 like 처럼 (0) | 2020.04.22 |
[jQuery] json 파일 읽기 - .getJSON() 과 .ajax() 차이 (0) | 2020.03.01 |
[Javascript] substring() 사용해서 문자열 앞, 뒤에서 자르기 - str.length 사용 (0) | 2020.02.22 |
[jQuery] 특정 조건에 Button 숨기기, 보이기 - hide(), show() (0) | 2020.02.22 |