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)하게 될 것이다.





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

[jQuery] scrollTop 을 이용한 textarea focus  (0) 2012.08.22
[jQuery] each()  (0) 2012.05.10
[jQuery] jQuery.each() vs .each()  (1) 2012.04.24
[jQuery] One()  (0) 2012.03.30
[jQuery] Live()  (0) 2012.03.26