선택자
$(selector): CSS 선택기를 기반으로 요소를 선택합니다.
$(element): DOM 요소를 jQuery 객체로 래핑합니다.
DOM 조작
.html(): 요소의 HTML 콘텐츠를 가져오거나 설정합니다.
.text(): 요소의 텍스트 내용을 가져오거나 설정합니다.
.append(): 선택한 요소의 끝에 내용을 삽입합니다.
.prepend(): 선택한 요소의 시작 부분에 내용을 삽입합니다.
.addClass(): 선택한 요소에 하나 이상의 클래스를 추가합니다.
.removeClass(): 선택한 요소에서 하나 이상의 클래스를 제거합니다.
.toggleClass(): 선택한 요소에서 클래스 추가와 제거 간을 전환합니다.
CSS 조작
.css(): 요소의 CSS 속성을 가져오거나 설정합니다.
DOM 탐색
.find(): 선택기와 일치하는 하위 요소를 찾습니다.
.parent(): 선택한 요소의 직접적인 부모를 가져옵니다.
.children(): 선택한 요소의 직계 자식을 가져옵니다.
.siblings(): 선택한 요소의 형제를 가져옵니다.
.closest(): 선택기와 일치하는 선택된 요소의 첫 번째 조상을 가져옵니다.
이벤트 처리:
.on(): 선택한 요소에 이벤트 핸들러를 연결합니다.
.off(): 선택한 요소에서 이벤트 핸들러를 제거합니다.
.click(): 클릭 이벤트 핸들러 연결을 위한 약칭입니다.
.hover(): mouseenter 및 mouseleave 이벤트 핸들러 연결을 위한 단축형입니다.
효과 및 애니메이션
.show(): 선택한 요소를 표시합니다.
.hide(): 선택한 요소를 숨깁니다.
.toggle(): 선택한 요소 표시 및 숨기기 간을 전환합니다.
.fadeIn(): 선택한 요소가 페이드 인됩니다.
.fadeOut(): 선택한 요소를 페이드 아웃합니다.
.slideUp(): 선택한 요소를 위로 슬라이드합니다.
.slideDown(): 선택한 요소를 아래로 슬라이드합니다.
.animate(): 선택한 요소의 CSS 속성에 애니메이션을 적용합니다.
아약스:
.ajax(): 비동기 HTTP 요청을 수행합니다.
.load(): URL에서 HTML 콘텐츠를 로드하고 선택한 요소에 삽입합니다.
.get(): HTTP GET 요청을 사용하여 서버에서 데이터를 로드합니다.
.post(): HTTP POST 요청을 사용하여 서버에서 데이터를 로드합니다.
유틸리티
$.each(): 배열과 객체를 반복합니다.
$.grep(): 배열의 요소를 필터링합니다.
$.trim(): 문자열의 시작과 끝에서 공백을 제거합니다.
$.extend(): 두 개 이상의 개체 내용을 병합합니다.
$.ajaxSetup(): 향후 AJAX 요청에 대한 기본값을 설정합니다.