카테고리: jQuery

jQuery .fadeToggle()이 요소마다 표시 상태를 반대로 바꾸는 원리를 설명합니다. 서로 다른 초기 상태의 두 패널로 완료 콜백, 연속 클릭 처리, 중도 초기화와 재실행을 확인합니다.

jQuery .fadeOut()의 숨김과 DOM 삭제를 구분합니다. 입력 가능한 알림 상자의 전체 예제로 완료 후 삭제, 입력값 보존, 복원과 진행 중 초기화를 확인합니다.

jQuery .fadeIn()의 실행 시간과 요소별 완료 콜백을 설명합니다. 두 알림 패널의 전체 예제로 표시 과정, 중도 초기화, 반복 실행과 동작 줄이기 설정을 확인합니다.

jQuery .click()의 이벤트 등록과 실행을 구분하고 .on(), .trigger()로 바꾸는 방법을 설명합니다. 동적 버튼·중복 등록 방지·부분 해제·초기화를 전체 예제로 확인합니다.

jQuery .children()으로 바로 아래 자식 요소를 선택하고 조건으로 거르는 방법을 설명합니다. 중첩 카드의 전체 예제로 .find(), .contents(), 동적 추가와 초기화를 비교합니다.

jQuery .length로 선택한 요소 개수와 존재 여부를 확인합니다. 추가·삭제·초기화가 가능한 전체 예제로 숨긴 요소, 필터 개수, 저장한 집합과 새 조회의 차이를 설명합니다.

jQuery :nth-child()의 1부터 시작하는 형제 위치와 an+b 수식을 설명합니다. 다른 태그가 섞인 전체 예제로 .eq(), :nth-of-type(), 동적 요소 추가의 차이를 확인합니다.

jQuery :odd의 0부터 시작하는 인덱스와 .odd()로 바꾸는 방법을 설명합니다. 헤더가 있는 표의 전체 예제로 선택 범위, CSS :nth-child(odd), 행 추가 후 재선택과 초기화를 비교합니다.

jQuery :has()로 특정 자손을 포함하는 바깥 요소를 고르는 방법을 설명합니다. 직접 자식과 중첩 요소, .has()와 .find()의 반환 차이를 링크 추가·초기화가 가능한 전체 예제로 비교합니다.

jQuery :even의 0부터 시작하는 인덱스를 설명하고 권장 대안 .even()으로 옮기는 방법을 안내합니다. 두 목록의 전체 선택·목록별 선택·:nth-child(even)을 비교하는 실행 예제와 결과를 제공합니다.