jQuery 메서드 정리(AJAX,HTML,EACH,SIBLINGS,REMOVECLASS,ADDCLASS)

jQuery

1. Ajax (Asynchronous JavaScript and XML)

jQuery에서 제공하는 Ajax 메서드는 비동기 통신을 간편하게 수행할 수 있도록 도와준다. Ajax를 사용하면 페이지 새로고침 없이 서버와 데이터를 주고받을 수 있다.

$.ajax({
  url: '/api/data',
  method: 'GET',
  dataType: 'json',
  success: function(data) {
    console.log('Success', data);
  },
  error: function(xhr, status, error) {
    console.error('Error', error);
  }
});

2. html()

.html() 메서드는 선택한 요소의 HTML 내용을 가져오거나 설정하는 데 사용된다.

var content = $('#myElement').html();
console.log(content);

3. each()

$.each() 함수는 배열이나 객체의 각 요소에 대해 반복 작업을 수행하는 데 사용된다.

var colors = ['red', 'green', 'blue'];

$.each(colors, function(index, value) {
  console.log(index, value);
});

4. siblings()

.siblings() 메서드는 선택한 요소의 형제 요소들을 선택하는 데 사용된다.

$('#myElement').siblings().addClass('highlight');

5. removeClass() / addClass()

.removeClass() 메서드는 선택한 요소에서 클래스를 제거하고, .addClass() 메서드는 선택한 요소에 클래스를 추가한다.

$('#myElement').removeClass('oldClass').addClass('newClass');