여러 엘리먼트에 어떠한 작업 ( 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')를 활용하여 각각의 엘리먼트 중에서도 특정한 엘리먼트에 대해서도 제어를 진행할 수 있으므로,


다양하게 활용될 수 있다.


'프로그래밍 > jQuery' 카테고리의 다른 글

반복적 비동기 호출  (0) 2019.02.27
[jQuery] scrollTop 을 이용한 textarea focus  (0) 2012.08.22
[jQuery] attr()  (0) 2012.04.25
[jQuery] jQuery.each() vs .each()  (1) 2012.04.24
[jQuery] One()  (0) 2012.03.30