WEB 웹팁 디자인팁 폰트 컬러 UI/UX 모바일UI Widget 디자인소스 기획팁 웹서비스 회사복지 스타트업 회사후기 메모/서식 퍼블팁 추천사이트 HTML•CSS 자바스크립트 jQuery React 앵귤러JS Node.js Codepen 개발팁 PHP 한글코딩 인터뷰 안드로이드 오픈API 파이썬 Flutter 서버관리팁

jQuery를 이용한 class 의 show / hide 구현(display:block, display:none 을 사용하지 않고)

2014년 10월 24일

<div class="view">보여줘</div>

<div class="box">짠

<span class="close">이제 닫자</span>

</div>

자바스크립트를 이용해서

onclick="document.getElementByClassName('클래스명').style.display:none"

저런 식으로 사용해보려니깐 ClassName 이라는 건 순환하는 거라서 저 한 줄만으론 안되더군요.

getElementById는 되는데 말이죠.

우리는 여기서 class를 자주 사용해서 이걸 클래스로 하려니 제이쿼리를 이용하는 게 더 간편하더군요.

이온디 유한회사 | 사업자번호 : 405-86-01061 | 통신판매신고 : 제2018-대구동구-0767호 [사업자확인]
주소. 대구광역시 동구 안심로16길 71, 5층 502호 / 전화. 0507-1433-0311

ⓒ 2023. EOND. ALL RIGHTS RESERVED. SINCE 2000.6.25