jQuery는 많은 유용한 메소드를 제공합니다. 그 중에 each 메소드는 요소들을 반복하면서 각 요소에 대해 작업을 수행할 수 있게 해줍니다. 또한, jQuery의 show(), hide() 메소드를 사용하여 요소를 숨기거나 보일 수 있습니다.

이번 포스트에서는 jQuery의 each 메소드를 사용하여 여러 요소를 반복하면서 각각 숨기고 보이게 하는 예제를 살펴보겠습니다.

jQuery each 메소드

jQuery의 each 메소드는 각 요소에 대해 지정된 함수를 실행합니다. 이를 활용하여 여러 요소를 반복하면서 동일한 작업을 수행할 수 있습니다.

다음은 간단한 예제입니다. 각각의 div 요소를 반복하여 숨기는 코드입니다.

$('div').each(function() {
  $(this).hide();
});

위 코드는 모든 div 요소를 숨깁니다. 여러분은 해당 코드를 웹 페이지에서 실행시켜보시기 바랍니다.

숨기고 보이기

이제 숨겼던 div 요소를 보이게 하는 예제를 살펴보겠습니다.

$('div').each(function() {
  $(this).show();
});

위의 코드는 숨겨져 있던 div 요소들을 보이게 합니다.

결론

jQuery의 each 메소드는 요소를 반복하면서 각각에 대해 작업을 수행할 때 유용하게 사용될 수 있습니다. 또한, show()와 hide() 메소드를 사용하여 요소의 숨김/보임 처리를 간편하게 할 수 있습니다.

참고:

• jQuery each() 메소드 - jQuery 공식 문서
• jQuery show() 메소드 - jQuery 공식 문서
• jQuery hide() 메소드 - jQuery 공식 문서