카테고리: jQuery
jQuery / Selector / :checked - 체크박스, 라디오 버튼에서 체크한 요소 선택하는 선택자
:checked로 체크박스·라디오의 현재 선택을 읽는 방법을 설명합니다. 전체 예제로 여러 값 수집, checked 속성과 현재 상태, 비활성 항목의 제출 차이와 초기화를 확인합니다.
jQuery / Selector / :selected - select에서 선택된 option를 선택하는 선택자
:selected로 현재 선택된 option을 읽고, 단일·다중 select의 값과 표시명을 구분합니다. 전체 예제로 selected 속성, 비활성 항목, 실제 제출 데이터와 초기화를 비교합니다.
jQuery / Method / .submit() - 폼 전송 이벤트
폼의 submit 이벤트를 처리하고 기본 전송을 제어하는 방법을 설명합니다. 전체 예제로 필수 입력 검사, Enter·외부 버튼·requestSubmit, jQuery 이벤트 발생과 브라우저 submit의 차이를 확인합니다.
jQuery / 동적 셀렉트(select) 만드는 방법
상위 선택에 따라 하위 option을 다시 만드는 jQuery 전체 예제입니다. 표시명과 값 분리, 이전 선택 초기화, 빈 목록 비활성화, change 처리와 올바른 선택 조합 확인을 설명합니다.
jQuery / Plugin / jquery.toc / H 태그로 목차 만드는 플러그인 - 클릭 시 부드럽게 이동
jquery.toc로 특정 본문의 제목을 목차로 만드는 방법을 설명합니다. 전체 예제로 파일 준비, 제목·앵커 구조, 스크롤과 포커스, 동작 줄이기, 중복 없는 재생성을 확인합니다.
jQuery / Plugin / jQuery Smooth Scroll
같은 페이지의 링크에만 Smooth Scroll을 적용하는 전체 예제입니다. 고정 메뉴의 여백과 이동 시간, 목적지 포커스, URL 해시와 동작 줄이기를 설정하고 기본 링크 및 CSS 방식과 비교합니다.
jQuery / Plugin / jquery.mb.YTPlayer / 유튜브 영상을 배경으로 사용하게 해주는 플러그인
jquery.mb.YTPlayer로 특정 영역에 유튜브 배경을 넣는 전체 예제입니다. HTTP 서버와 파일 로딩 순서, 재생 제어, 정적인 대체 배경, 자동 재생과 오류 확인 방법을 설명합니다.
jQuery / Method / .animate() - 애니메이션 효과 만드는 메서드
animate로 위치·폭·불투명도를 함께 바꾸는 방법을 설명합니다. 전체 예제로 시간과 easing, 요소별·전체 완료, 중간 정지·초기화와 동작 줄이기를 확인합니다.
jQuery / 요소가 순서대로 나타나게 하는 방법
delay와 fadeIn으로 시작 시간을 나누는 방식과 완료 콜백으로 한 요소씩 이어가는 방식을 비교합니다. 전체 예제로 대기열, 초기화·재실행과 동작 줄이기 처리를 확인합니다.
jQuery / HTML 문서와 연결하는 방법, 사용하는 방법
HTML에 jQuery를 먼저 연결하고 선택자와 이벤트로 요소를 제어합니다. CDN 한 파일 예제와 로컬 defer 파일 구성, 실행 순서·버전 확인과 로딩 오류 점검 방법을 설명합니다.