제이쿼리4 input radio 버튼 클릭하면 하단 내용 보이기 / 숨기기 input radio 버튼이 두 개 있을 경우 radio 버튼 하나를 클릭하면 해당 radio 버튼 내용이 display:block 되고 다른 radio 버튼 내용은 display:none 되는 방법을 연습해 보았다. 1. 소스 [HTML] 아이디 검색 방법 선택하기! 휴대폰으로 아이디 수신 휴대폰 이메일로 아이디 수신 이메일 [CSS] [JS] 2. 결과 화면 See the Pen Untitled by H__jung (@honghongbyul) on CodePen. 3. 제이쿼리 문법 정리 .val() : input, select 등의 form의 value값을 가져온다. 2022. 9. 21. 햄버거 메뉴 버튼 만들기 1. 소스 [HTML] 햄버거버튼 햄버거버튼 햄버거버튼 [CSS] [JS] 2. 결과 화면 3. 제이쿼리 문법 정리 .toggleClass() : 선택한 요소에 클래스를 추가했다가 제거했다가 반복할 수 있다. 2022. 8. 29. 제이쿼리로 스르륵 열리는 아코디언 메뉴 만들기 (자주하는 질문, FAQ) 1. 소스 [HTML] Q 질문01? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 Q 질문02? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 Q 질문03? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 Q 질문04? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 Q 질문05? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 [CSS] [JS] 2. 결과 화면 See the Pen Untitled by H__jung (@honghongbyu.. 2022. 8. 25. 제이쿼리로 탭메뉴, 탭버튼 만들기 1. 소스 [HTML] 01탭 버튼 02탭 버튼 03탭 버튼 04탭 버튼 내용01 내용01 내용01 내용01 내용01 내용01 내용02 내용02 내용02 내용02 내용02 내용02 내용03 내용03 내용03 내용03 내용03 내용03 내용04 내용04 내용04 내용04 내용04 내용04 [CSS] [JS] 2. 결과 화면 See the Pen Untitled by H__jung (@honghongbyul) on CodePen. 3. 제이쿼리 문법 정리 .attr() : 선택한 요소의 속성값을 가져온다. .find() : 특정 요소를 찾는다. .addClass() : 선택한 요소에 클래스 값을 추가한다. .removeClass() : 선택한 요소에서 클래스 값을 제거한다. .siblings() : 선택한 .. 2022. 8. 24. 이전 1 다음
