jQuery 속성 조작 - attr() 메서드

jQuery 효과 참조 매뉴얼

예제

이미지의 width 속성을 변경합니다:

$("button").click(function(){
  $("img").attr("width","180");
});

직접 시도해 보세요

정의와 사용법

attr() 메서드는 선택된 요소의 속성 값을 설정하거나 반환합니다.

이 메서드의 다른 파라미터에 따라 작동 방식도 다릅니다.

속성 값을 반환합니다

선택된 요소의 속성 값을 반환합니다.

문법

$(selector).attr(attribute)
파라미터 설명
attribute 가져올 속성을 정의합니다.

직접 시도해 보세요

속성/값을 설정합니다

선택된 요소의 속성과 값을 설정합니다.

문법

$(selector).attr(attribute,value)
파라미터 설명
attribute 속성 이름을 정의합니다.
value 속성 값을 정의합니다.

직접 시도해 보세요

함수를 사용하여 속성/값을 설정합니다

선택된 요소의 속성과 값을 설정합니다.

문법

$(selector).attr(attribute,function(index,oldvalue))
파라미터 설명
attribute 속성 이름을 정의합니다.
function(index,oldvalue)

반환 속성 값을 정의하는 함수를 정의합니다.

이 함수는 선택자의 index 값을와 현재 속성 값을 받아 사용할 수 있습니다.

직접 시도해 보세요

여러 개의 속성/값 쌍을 설정합니다

선택된 요소에 하나 이상의 속성과 값을 설정합니다.

문법

$(selector).attr({attribute:value, attribute:value ...})
파라미터 설명
attribute:value 하나 또는 여러 개의 속성/값 쌍을 정의합니다.

직접 시도해 보세요

jQuery 효과 참조 매뉴얼