[jQuery] .attr()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다.

jQuery의 .attr() 사용법

jQuery의 attr() 메서드는 HTML 요소의 속성 값을 가져오거나,

 속성 값을 설정하거나, 속성을 삭제하는데 사용됩니다.

 

attr() 메서드는 첫 번째 인수로 가져올 속성의 이름을 지정하고, 

두 번째 인수로는 속성 값을 설정할 경우에 사용됩니다.

 

예를 들어, 다음은 id 속성의 값을 가져오는 예제입니다.

var idVal = $("#myElement").attr("id");

 

다음은 href 속성의 값을 설정하는 예제입니다.

$("#myLink").attr("href", "https://www.example.com");

 

속성을 삭제할 경우에는, 두 번째 인수로 null을 전달하면 됩니다.

$("#myElement").attr("class", null);

 

또한, attr() 메서드를 사용하여 여러 속성을 동시에 설정할 수도 있습니다.

$("#myElement").attr({
  "class" : "highlight",
  "data-name" : "example",
  "style" : "color : red"
});

위 코드는 'class', 'data-name', 'style' 속성의 

값을 각각 'highlight', 'example', 'color : red'로 설정합니다.