프로그래밍 남기기

HTML Element에 대해서 추가적인 정보를 제공하는 것이 Attribute가 되겠다.

그리고 name/value 형식(pairs)으로 구성되어 추가적인 정보를 제공할 수 있게 되어있다.

( ex: name="MOON" )

Attribute에 담겨져 있는 추가적인 정보를 활용하게 위해서는 attr() 을 사용하면 보다 편리하게 

Attribute의 값을 제어 할 수 있게 된다.

먼저 문법을 살펴보자.

위와 같이 기본 문법이 있다.

1. .attr( attributeName )

이 경우는 셀럭터에 의해서 선택된 엘리먼트 안에 attributeName에 대한 value값을 리턴하여 사용하게 되는 경우이다.

위의 결과는 name이라는 attribute의 value값을 리턴 받게 될 것이다.

2. attr( attributeName, value )

이 경우는 셀럭테에 의해서 선택된 엘리먼트에 attributeName/value 형식(pairs)으로 를 설정(set)하는 경우 이다. 

위의 결과는 input 엘리먼트에 id="inputId" 라는 atttirbute를 설정(set)하게 될 것이다.

jQuery.each() or $.each()는 자바스크립트 개체 및 배열을 통해서 Iterating에 대한 generic iterator function 이다.

.each()는 jQuery 객체를 통해 반복하여, 일치하는 Element에 대해 실행되는 함수를 가진 Iterator이다.

(이하 내용은 jQuery.each() or $.each()이지만 jQuery.each()로 통일하여 작성 하였습니다. )

위와 같이 jQuery.each()와 .each()이 차이가 있다는 것을 알 수 있다.

그렇다면 각각의 기본 문법을 살펴보자.

문법을 살펴보게 되면 확연하게 차이가 있음을 보여준다.

jQuery.each()는 입력받은 collection에 대한 callback이 이루어지는 반면, 

.each()는 셀렉터( $(' ') )에 일치하는 엘리먼트에 대해 function이 동작하게 된다.

이제는 성능에 대해서 알아보기 되면, 결론은 jQuery.each() > .each() 이다.

그렇다고 매우 차이가 날 정도로 jQuery.each()가 빠른것이 아니라 약간의 나은 성능을 보여준다는 것이다.