function

jQuery 주요 함수

A와 B는 jQuery로 선택한 대상이라고 가정한다.

$("selector")

상태 변경

이름	설명
A.css(...)	A의 css 속성을 set/get 처리한다
A.val(...)	A의 value 속성을 set/get 처리한다
A.text(...)	A의 내부 텍스트를 set/get 처리한다
A.html(...)	A의 내부 HTML을 set/get 처리한다
A.attr(...)	A의 태그 속성(attribute)을 set/get 처리한다
A.prop(...)	A의 태그 속성(property)를 set/get 처리한다

클래스 제어

이름	설명
A.addClass(value)	A에 value에 해당하는 클래스를 추가한다
A.removeClass(value)	A에서 value에 해당하는 클래스를 제거한다
A.toggleClass(value)	A에서 value에 해당하는 클래스를 추가/제거 교차 실행한다
A.hasClass(value)	A에서 value에 해당하는 클래스가 존재하는지 확인한다

DOM 탐색

이름	설명
A.next(...)	A의 다음 태그를 선택한다
A.nextAll(...)	A의 다음에 있는 모든 태그를 선택한다
A.prev(...)	A의 이전 태그를 선택한다
A.prevAll(...)	A의 이전에 있는 모든 태그를 선택한다
A.parent(...)	A의 부모 태그를 선택한다
A.parents(...)	A의 모든 부모 태그를 선택한다
A.children(...)	A의 자식 태그를 선택한다
A.find(...)	A의 모든 자식 태그를 선택한다

DOM 제어

이름	설명
A.append(B)	A의 내부 마지막에 B를 추가한다
A.prepend(B)	A의 내부 처음에 B를 추가한다
A.before(B)	A의 외부 이전에 B를 추가한다
A.after(B)	A의 외부 이후에 B를 추가한다
B.appendTo(A)	B를 A의 내부 마지막에 추가한다(A.append(B)와 같은 명령)
B.prependTo(A)	B를 A의 내부 처음에 추가한다(A.prepend(B)와 같은 명령)
B.insertBefore(A)	B를 A의 외부 이전에 추가한다(A.before(B)와 같은 명령)
B.insertAfter(A)	B를 A의 외부 이후에 추가한다(A.after(B)와 같은 명령)
A.empty()	A의 내부에 존재하느 요소들을 제거한다
A.remove()	A를 제거한다

필터링

이름	설명
A.get(index)	A 중에서 index에 해당하는 Javascript 객체를 반환한다
A.eq(index)	A 중에서 index에 해당하는 jQuery 객체를 반환한다
A.first()	A 중에서 첫 번째 jQuery 객체를 반환한다
A.last()	A 중에서 마지막 jQuery 객체를 반환한다
A.filter(function)	A 중에서 function의 코드를 만족하는 요소들을 반환한다

표시 제어

이름	설명
A.show()	A를 표시한다
A.hide()	A를 숨긴다
A.toggle()	show()와 hide()를 교차 실행한다
A.slideDown()	A를 슬라이드 애니메이션으로 표시한다
A.slideUp()	A를 슬라이드 애니메이션으로 숨긴다
A.slideToggle()	slideDown()과 slideUp()을 교차 실행한다
A.fadeIn()	A를 페이드 인 애니메이션으로 표시한다
A.fadeOut()	A를 페이드 아웃 애니메이션으로 표시한다
A.fadeToggle()	fadeIn()과 fadeOut()을 교차 실행한다