Jquery 자주 사용하는 메소드 리스트

2024년 04월 05일
JAVASCRIPT & Jquery
0 0

    선택자
    $(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 요청에 대한 기본값을 설정합니다.

    답글 남기기

    이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다