계층 탐색

• CSS

  Style 처리 메소드

  • addClass()

    인수로 지정된 class를 적용한다.

  • css()

    동적으로 요소의 CSS 속성 적용 처리를 하거나 CSS 속성 값을 조회할 수 있다.

  • hasClass()

    선택자가 인수로 지정된 class를 가지고 있는지 테스트한다.

  • removeClass()

    인수로 지정된 class를 제거한다.

  • toggleClass()

    선택자와 일치하는 요소에게 인수로 지정된 class를 적용과 제거를 반복한다.

• Dimensions

  박스 크기 관련된 메소드.

  • height()

    일치하는 요소의 집합 중 첫 번째 요소에 대해 계산된 내부 높이를 반환하거나 설정을 한다.

  • innerHeight()

    일치하는 요소의 집합 중 첫 번째 요소에 대해 계산된 내부 높이(padding 포함, border는 제외)를 반환하거나 설정을 한다.

  • innerWidth()

    일치하는 요소의 집합 중 첫 번째 요소에 대해 계산된 내부 폭(padding 포함, border는 제외)를 반환하거나 설정을 한다.

  • width()

    일치하는 요소의 집합 중 첫 번째 요소에 대해 계산된 내부 폭을 반환하거나 설정을 한다.

• DOM Manipulation

  DOM 조작

  • append()

    선택자 요소 내의 콘텐츠 끝에 인수로 지정된 콘텐츠를 추가한다.

  • appendTo()

    인수로 지정된 선택자 요소 내에 jQuery 객체 대상 요소가 이동 추가된다.

  • unwrap()

    선택자를 갖는 요소의 부모 요소만 제거된다.

  • wrap()

    선택자와 일치하는 모든 요소들을 지정된 요소로 감싼다.

• Effect

  요소에 대한 동작을 제어하는 메소드

  • animate()

    CSS 속성과 독자적인 값 설정 방식으로 요소에게 애니메이션 처리를 할 수 있다.

• Events

  이벤트 처리와 관련된 메소드

  • on()

    jQuery 객체를 갖는 요소에게 이벤트를 등록하는 범용 메소드이다.

  • one()

    jQuery 객체를 갖는 요소에게 이벤트를 등록하는 범용 메소드이지만 동일한 이벤트 발생시 최초 한번만 실행을 하도록 한다.

  • ready()

    DOM이 완전히 로드되었을 때 실행할 함수를 지정한다.

• Forms

  Form 관련 메소드

  • val()

    선택자를 갖는 폼 요소의 value 속성 값을 지정된 인수로 설정한다.

• Network

  네트워크 통신과 관련된 메소드를 분류

  • get()

    GET 방식으로 서버에 데이터를 전송한다.

  • getJSON()

    서버에 JSON 형식으로 데이터를 요청한다.

  • post()

    POST 방식으로 서버에 데이터를 전송한다.

• Offset

  위치와 관련된 메소드

  • offset()

    선택자와 일치하는 첫 번째 요소의 좌표를 반환하거나 좌표를 설정한다.

  • position()

    오프셋 부모를 기준으로 jQuery 객체로 사용된 요소의 집합에서 첫 번째 요소의 현재 좌표(left, top)를 객체로 반환한다.

  • scrollLeft()

    선택자와 일치하는 첫번째 요소에 대한 가로 스크롤 위치를 반환하거나 설정할 수 있다.

  • scrollTop()

    선택자와 일치하는 첫번째 요소에 대한 세로 스크롤 위치를 반환하거나 설정할 수 있다.

• Traversing

  • Filtering

    • eq()

      jQuery 객체 집합에서 index를 지정해서 선택자로 사용한다.

    • filter()

      선택자 패턴에 일치하는 요소들을 인수로 지정된 선택자 패턴과 일치하거나 필터 테스트를 통과한 대상으로 축소한다.

    • is()

      jQuery 객체로 사용되는 요소의 집합을 확인하고 이 중 인수로 지정된 값과 일치하면 true를 반환한다.

  • Miscellaneous

    그 이외 분류되지 않는 방식

    • add()

      jQuery 객체로 다루는 요소 집합에 기존의 jQuery 객체를 추가하여 새로운 jQuery 객체를 반환한다.

  • Tree

    • children()

      jQuery 객체로 지정된 요소의 자식 요소들로 선택자를 이동하여 반환한다. 인수가 지정되면 인수로 지정된 선택자와 일치된 자식으로 좁힌다.

    • next()

      선택자를 갖는 요소의 다음 형제 요소를 jQuery 객체로 사용한다.

    • prev()

      선택자를 갖는 요소의 다음 형제 요소를 jQuery 객체로 사용한다.