본문 바로가기

Frontend/jQuery & JSTL

[jQuery] attr()

반응형

.attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가한다.

문법 1 - 속성의 값 가져오기 : 선택한 요소의 속성의 값을 가져옴

.attr( attributeName )

e.g) div 요소의 class 속성의 값을 가져온다.

$( 'div' ).attr( 'class' );

 

문법 2 - 속성 추가하기 : 선택한 요소에 속성을 추가

.attr( attributeName, value )

e.g) h1 요소에 title 속성을 추가하고 속성의 값은 Hello로 한다.

$( 'h1' ).attr( 'title', 'Hello' );

 

+) 응용 - 속성 추가 후 폼 전송

선택한 요소에 속성을 추가한다 후 폼 전송

$("#target").val(data);
.attr( attributeName, value ).submit();

e.g) h1 요소에 title 속성을 추가하고 속성의 값은 Hello로 한 후 폼으로 value값을 전송한다.

$( 'h1' ).val( 'value' );
$( 'form1' ).attr( 'title', 'Hello' ).submit();

 

 

 

반응형