[jquery] attr 메소드 알아보기

제이쿼리에서 사용하는 attr 메소드에 대해 정리해보자.

 

attr() 메소드가 하는 기능은?!

1. 속성(attribute)의 값을 가져올 수 있고, 
2. 속성을 추가할 수 있다.

 

 

1. 속성 값 가져오기 

$('셀렉터').attr(속성);

$(document).ready(function () {

    var link = $('.header-tit a').attr('href');

    console.log(link);   

});

문서에서 .header-tit a에 걸린 링크 주소를 가져오게 콘솔로 찍어보자.

a 태그에 걸려진 링크 값(href)인 네이버 주소를 가져오는 걸 확인 할 수 있다.

 

2. 속성 추가하기

$('셀렉터').attr(속성, 속성 값);

$(document).ready(function () {

    $('.tit input').attr('placeholder', '텍스트를 입력하세요.');

});

.tit input 에다가 placeholder로 '텍스트를 입력하세요'를 추가하라.