카테고리: jQuery

jQuery.trim()은 문자열 양끝의 공백을 제거했으며 jQuery 4에서 삭제됐습니다. 네이티브 trim으로 옮기는 전체 예제와 null·숫자 처리, 내부 공백 및 유니코드 공백의 차이를 설명합니다.

jQuery.inArray()의 인덱스와 -1 반환을 올바르게 판정합니다. 숫자와 문자열, 검색 시작 위치, 객체 참조와 NaN, indexOf·includes 대안을 전체 예제로 비교합니다.

jQuery .text()로 여러 요소의 텍스트를 읽고 문자열을 태그 해석 없이 표시합니다. 숨긴 텍스트와 공백, 요소별 읽기, 함수형 설정, 빈 값과 val의 차이를 전체 예제로 확인합니다.

jQuery .html()로 첫 요소의 HTML을 읽고 선택한 모든 요소의 내용을 교체합니다. text·val과의 차이, 사용자 입력 표시, 교체 후 이벤트와 함수형 인수를 전체 예제로 설명합니다.

jQuery .hover()의 진입·이탈 이벤트와 on 대체 방법을 설명합니다. 전체 예제로 자식 경계, 동적 요소, 키보드 포커스와 이름 공간을 이용한 중복 등록·해제를 확인합니다.

jQuery .hide()로 요소를 제거하지 않고 숨기며, 시간 지정 애니메이션과 즉시 숨기기를 구분합니다. 두 패널 예제로 입력값 유지, 요소별 완료 콜백, show 복원과 중간 초기화를 확인합니다.

jQuery .get(index)는 DOM 요소 하나를, 인수 없는 .get()은 요소 배열을 반환합니다. 음수 인덱스와 빈 선택 결과, eq와의 차이, 배열과 원래 노드의 관계를 실행 예제로 설명합니다.

jQuery .detach()로 요소를 잠시 분리하고 데이터와 이벤트를 유지한 채 복원합니다. 입력값을 보존하는 전체 예제와 remove·empty의 차이, 참조 및 원래 위치 관리 방법을 설명합니다.

jQuery .delay()가 효과 큐의 다음 작업을 늦추는 원리를 설명합니다. show(0)과 show()의 차이, 대기 중 초기화, 일반 함수 예약에 setTimeout을 쓰는 기준을 전체 예제로 확인합니다.

jQuery .clone()으로 구조를 복사한 뒤 삽입하는 방법과 이벤트·데이터 옵션을 설명합니다. 카운터 카드의 전체 예제로 복제 범위, ID 변경, 중첩 데이터 공유와 초기화를 확인합니다.