카테고리: jQuery

jQuery .load()로 서버의 HTML 전체 또는 일부를 가져와 기존 요소 안에 넣습니다. 두 파일과 로컬 서버 전체 예제로 비동기 완료, 404 처리, 스크립트 차이와 위임 이벤트를 확인합니다.

jQuery .scrollTop()으로 페이지와 내부 상자의 세로 스크롤 위치를 읽고 설정합니다. 전체 예제로 이동 범위, 맨 아래 판정, 첫 요소 읽기·전체 설정과 초기화를 확인합니다.

jQuery .toggle()의 즉시 반전, 불리언 상태 지정, 시간 지정 애니메이션을 비교합니다. 두 패널 전체 예제로 완료 콜백, 연속 클릭 방지, 입력값 유지와 실행 중 초기화를 확인합니다.

jQuery .slice()의 시작 포함·끝 제외 규칙과 음수 인덱스를 설명합니다. 전체 목록 예제로 필터 순서, 빈 범위, 동적 항목과 페이지 구간 계산을 확인합니다.

윈도우 크기 변경을 jQuery .on("resize", …)로 처리하는 방법을 설명합니다. 초기 실행, 디바운스, 이벤트 해제·재등록과 강제 알림의 차이를 전체 예제로 확인합니다.

jQuery .replaceWith()로 요소 전체를 교체하는 방법을 설명합니다. 제거된 기존 요소를 가리키는 반환값, 새 요소 참조, 입력값 이전과 이벤트 처리, 기존 노드 이동을 전체 예제로 확인합니다.

jQuery .prop()로 체크 여부와 비활성 상태 같은 DOM 프로퍼티를 읽고 설정하는 방법을 설명합니다. HTML 속성과의 차이, 객체·함수 설정, 이벤트 발생 여부와 초기화 결과를 실행 가능한 예제로 확인합니다.

jQuery .parent()로 바로 위 부모를 선택하고 선택자로 결과를 거르는 방법을 설명합니다. 중첩 카드 전체 예제로 공통 부모의 중복 제거, .parents()·.closest() 차이와 구조 변경 시 결과를 확인합니다.

jQuery .offset()의 문서 기준 좌표와 뷰포트·부모 기준 좌표를 구분합니다. 전체 예제로 스크롤, 좌표 이동, margin·border, 숨김 상태와 소수 좌표를 확인합니다.

jQuery .not()로 현재 선택 집합에서 조건에 맞는 요소를 제외합니다. DOM 제거와의 차이, 여러 선택자, 함수형 조건, 노드 참조와 filter 비교를 전체 예제로 설명합니다.