[jQuery] attr() 속성 값 가져오기 및 추가

attr() 속성 값 가져오기 및 추가

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

 

① 속성 값 가져오기

$('a').attr('href');

(현재 Page) 모든 a 태그의 href 속성에 적혀져 있는 값을 가져온다.

* 태그 혹은 클래스 상관없이 선택자 이용해서 대상을 선정할 수 있다.

 

② 속성 값 추가 및 변경하기

$('a').attr('target', '_blank');

(현재 Page) 모든 a 태그의 target 속성을 _blank로 추가 및 변경한다.

 

+ 여러 속성값을 변경하고자 할 때는 json 형식을 이용할 수 있다.

$('button').click(function () {
    $('#id').attr({
        'title' : '까망 하르방',
        'href' : 'https://zoosso.tistory.com/'
    });
})

※ 속성을 제거하고 싶다면 removeAttr() 사용