[jQuery] attr(), 문서 객체의 속성 추가 형식

CODEDRAGON Development/JavaScript, jQuery, ...

반응형



 

attr()

문서 객체의 속성 검사 및 설정을 할 수 있습니다.

선택된 element의 속성(attribute)의 값을 리턴하거나 설정합니다.

메서드 이름

설명

.attr(attributeName)

 

·       문서 객체의 속성과 관련된 모든 기능을 수행합니다.

·       1개의 인자만 있다면 속성값을 가져오는 것으로 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환합니다.

·       선택된 요소 집합에서 첫번째 요소의 value를 반환합니다.

 

.attr( attributeName, value )

·       선택자에 의해 선택된 요소에 하나 이상의 속성을 부여할 수 있습니다.

.attr(object)

·       객체형태로 속성을 설정합니다.

.removeAttr(name)

 

·       선택한 문서 객체의 지정된 속성(attribute)을 제거합니다.

 

 

 

 

문서 객체의 속성 추가 형식

$(selector).attr(name, value);

$(selector).attr(name, function(index,attr)(){});

$(selector).attr(object);

 

 

$("#greatphoto").attr("src","brush-seller.jpg");

 

$("#greatphoto").attr("src");

  

$("#greatphoto").attr({

alt: "Brush Seller",

title: "photo by Kelly Clark"

});