jQuery - .attr() 함수

함수 사용법

 

.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 요소가 "inputtest" 인 placeholder 속성 값을 '안녕하세요'로 변경하기
$('#inputtext').attr('placeholder', '안녕하세요');

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

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