[jQuery] each()

여러 엘리먼트에 어떠한 작업 ( ex: css 변경 ) or 이벤트( ex: click )를 적용하려면, 

여러 엘리먼트에서 각각 엘리먼트에 대해 적용하여야 하나, jQuery에서는 .each()를 제공하고 있다.

먼저, 기본 문법은 아래와 같다.

.each( function(index, Element) )

function의 매개변수로 index와 Element가 있지만 하나만 생략해도 되고, 둘다 생략 가능하다.

.each( function(){} ) <- 이와 같은 일반적인 .each()의 형태가 되겠으나,

각각 엘리먼트를 제어하기 위해서는 function() 내부에서 $('this') 를 사용하면, 

현재 일치되는 엘리먼트에 대해서 제어할수 있게 된다.

$('p').each( function(){

     $('this').css('color','red')

});

위의 내용은 모든 p태그의 색상을 빨강으로 변경하게 된다.

$('this')를 활용하여 각각의 엘리먼트 중에서도 특정한 엘리먼트에 대해서도 제어를 진행할 수 있으므로,

다양하게 활용될 수 있다.