[jQuery] attr()

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

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

( ex: name="MOON" )

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

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

먼저 문법을 살펴보자.

.attr( attributeName )

.attr( attributeName, value)

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

1. .attr( attributeName )

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

$('input').attr( "name" )

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

2. attr( attributeName, value )

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

$('input').attr( "id", "inputId" )

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