jQuery 메서드 정리

1.일반 노드

분류	핵심 내용	핵심 프로퍼티 및 메서드
아이디로 찾기	아이디 이름으로 노드 찾기	$("#아이디")
태그로 찾기	태그 이름으로 노드 찾기	$("태그 이름")
클래스 이름으로 찾기	클래스 이름으로 노드 찾기	$(".클래스 이름")
속성으로 찾기	속성으로 노드 찾기	$("[속성=값]")

2.찾은 노드 다루기

분류	핵심 내용	핵심 프로퍼티 및 메서드
노드 개수 구하기	찾은 노드의 개수 확인	$대상.length
n번째 노드 접근하기	n번째 노드 접근	$대상.eq(index)
자바스크립트 DOM 객체 접근	자바스크립트 DOM 객체로 접근	$대상.get(index) 또는 $대상[index]
순차적으로 노드 접근하기	순차적으로 각 노드에 접근	$대상.each(function(index){ $(this); })
특정 노드 찾기	특정 노드만 필터링	$대상.filter("선택자")
자손 노드 찾기	자손 노드 중 특정 노드 찾기	$대상.find("선택자")
인덱스 구하기	노드의 인덱스 구하기	$대상.index() 또는 $목록.index($대상)

3. 자식 노드 찾기

분류	핵심 내용	핵심 프로퍼티 및 메서드
모든 자식 노드 찾기	자식 노드를 모두 찾기	$대상.children()
특정 자식 노드 찾기	특정 자식 노드만 찾기	$대상.children("선택자")
첫 번째 자식 노드 찾기	첫 번째 자식 노드 찾기	$대상.children().first() 또는 $대상.children(":first")
마지막 자식 노드 찾기	마지막 자식 노드 찾기	$대상.children().last() 또는 $대상.children(":last")
n번째 자식 노드 찾기	n번째 자식 노드 찾기	$대상.children().eq(index)

4. 부모 노드 찾기

분류	핵심 내용	핵심 프로퍼티 및 메서드
부모 노드 찾기	부모 노드 찾기	$대상.parent()
조상 노드 찾기	조상 노드 찾기	$대상.parents(["선택자"])

5. 형제 노드 찾기

분류	핵심 내용	핵심 프로퍼티 및 메서드
이전 형제 노드 찾기	이전 형제 노드 찾기	$대상.prev() 또는 $대상.prevAll()
다음 형제 노드 찾기	다음 형제 노드 찾기	$대상.next() 또는 $대상.nextAll()

6. 노드 생성 및 추가

분류	핵심 내용	핵심 프로퍼티 및 메서드
노드 생성	새로운 노드 생성	$("추가할 노드 HTML")
첫 번째 자식으로 추가	첫 번째 자식으로 노드 추가	$부모노드.prepend($추가노드)
마지막 자식으로 추가	마지막 자식으로 노드 추가	$부모노드.append($추가노드)
특정 위치 이전에 추가	특정 노드 이전에 추가	$기준노드.before($추가노드)
특정 위치 이후에 추가	특정 노드 이후에 추가	$기준노드.after($추가노드)

7. 노드 제거

분류	핵심 내용	핵심 프로퍼티 및 메서드
특정 노드 제거	특정 노드 제거	$대상.remove()
모든 자식 노드 제거	모든 자식 노드 제거	$대상.children().remove()

8. 노드 내용 읽기 및 변경

분류	핵심 내용	핵심 프로퍼티 및 메서드
노드 내용 읽기 (태그 포함)	노드 내용을 HTML로 읽기	$대상.html()
노드 내용 읽기 (텍스트)	노드 내용을 텍스트로 읽기	$대상.text()
노드 내용 수정	노드 내용을 수정하기	$대상.html("수정된 내용") 또는 $대상.text("수정된 텍스트")
여러 자식 노드 추가	HTML로 여러 자식 노드 추가	$대상.html("여러 자식 노드 HTML")
모든 자식 노드 제거	모든 자식 노드를 제거	$대상.html("")