# Ajax & jQuery

## 메서드

| 구분                                                                                               | 설명                                                                                                                   |
| ------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------- |
| [jQuery.each( array, callback )](https://api.jquery.com/jQuery.each/#jQuery-each-array-callback) | 전달된 배열을 반복 순환하는 함수                                                                                                   |
| [.each(function)](https://api.jquery.com/each/#each-function)                                    | 선택한 요소를 반복 순환하는 메서드                                                                                                  |
| [.eq(index)](https://api.jquery.com/eq/#eq-index)                                                | 선택한 요소의 인덱스 번호에 해당하는 **DOM 요소 노드**를 반환한다.                                                                            |
| [.get(index)](https://api.jquery.com/get/#get-index)                                             | 선택한 요소의 인덱스 번호에 해당하는 **jQuery 객체**를 반환한다.                                                                            |
| [.html()](https://api.jquery.com/html/#html)                                                     | [innerHTML](https://shhn0509.gitbook.io/dom/dom/html-element/html-element#undefined)과 비슷하게 사용되며 전달 된 데이터를 반환한다.      |
| .done()                                                                                          | 비동기 통신이 성공 했을 때, 콜백 함수가 실행된다.                                                                                        |
| .then()                                                                                          | <p>비동기 통신이 성공했을 때, 콜백 함수가 실행된다. </p><p>.done()메서드와 다른 점은 .then()은 두번째 인자로 비동기 통신이 실패 했을 때 실행되는 콜백 함수를 설정할 수 있다. </p> |

## .get() vs .eq()

\
일반적으로 jQuery 객체에서 DOM 객체를 반환 받아야 하는 경우보다 jQuery 객체에 수집된 집합 중 일부를 걸러내는 경우가 더 많다. 대부분 `.eq()` 메서드 더 많이 사용한다.

## .done() vs .then()

#### .done()

.done() 메서드는 비동기 통신이 성공 했을 때만 실행되는 콜백 함수를 설정할 수 있다.&#x20;

```javascript
$.get( "test.php" ).done(function() {
  alert( "$.get succeeded" );
});
```

#### .then()

하지만 .then()은 비동기 통신이 성공/ 실패 했을 때 실행되는 각각의 콜백함수를 인자로 전달 할 수 있다.&#x20;

```javascript
$.get( "test.php" ).then(
  function() {
    alert( "$.get succeeded" );
  }, function() {
    alert( "$.get failed!" );
  }
);
```