태그 속성의 값 가져와서 변경하기

attr( ) 

태그 속성의 값을 가져오고 변경할 수 있다.

$('selector').attr('태그의 속성 key명', '세팅할 value')

// 값 가져오기
$('div1').attr('style')

// 값 변경하기
$('div1').attr('style', 'color: red')

 

val( )

입력 태그의 값을 가져오고 변경할 수 있다.

jQuery의 .val( )은 Javascript의 .value와 역할이 비슷하다.

주로 select와 input의 값을 얻기 위해 사용된다.

$('selector').val('변경할 값');

가져오기

let txt1 = document.getElementById('txt1').value;  // Javascript로 값 가져오기
let txt2 = $('#txt1').val();                      // jQuery로 값 가져오기

변경하기

txt1.value = 'text2';      // Javascript로 값 변경하기
$('#txt1').val('text2');   // jQuery로 값 가져옴과 동시에 변경하기

 

 

 

출처/참고

[jQuery] 기초 지식 정리하기 #1 - 태그 선택, 값 가져오고 변경하기