[jQuery] 속성 값 가져오거나 제어하기 - .attr()

 

 

jQuery .attrr() 함수

jQuery의 .attr() 함수는 속성을 값을 가져올 때 사용됩니다.

또한, JQuery의 .attr() 함수를 사용하여 요소(element)의 속성(attribbute)의 값을 쉽게 제어할 수도 있습니다.

 

//함수 사용법 

.attr( attributeName )       // 속성값 가져오기 
.attr( attributeName , val ) // 속성값 제어하기

 

//속성값 가져오기 

//div 요소의 id 속성의 값을 가져옴 
$( 'div' ).attr( 'id' ); 

//id 요소가 "test" 인 placeholder 속성 값을 가져옴 
$( '#test' ).attr( 'placeholder' ); 

//body 요소의 class 속성의 값을 가져옴 
$('body').attr('class'); 

//id 요소가 "test1" 인 value 속성 값을 가져옴
$( '#test1' ).attr( 'value' );

 

//속성값 제어하기 

//div 요소의 id 속성의 값을 'Tistory'으로 변경하기 
$( 'div' ).attr( 'id', 'Tistory' ); 

//id 요소가 "inputtext" 인 placeholder 속성 값을 '안녕하세요'으로 변경하기 
$( '#inputtext' ).attr( 'placeholder', '안녕하세요' ); 

//id 요소가 "test" 인 value 속성 값을 'Hello'으로 변경하기 
$( '#test' ).attr( 'value', 'Hello' ); 

//id 요소가 "test1" 인 disabled 속성 값을 disabled 으로 변경하기 
$( '#test2' )..attr("disabled","disabled");