jQuery 알아보기 : 속성 관련 메서드

jQuery 속성 관련 메서드 알아보기

제이쿼리의 메서드 중에서 속성과 관련된 메서드 들을 알아봅니다.
속성 관련 메서드에는 attr(), prop() 메서드가 있습니다.

> attr() 메서드

attr() 메서드는 html의 속성(attribute)에 관련된 메서드이며, 선택한 요소의 속성을 선택, 생성, 변경할 수 있습니다.

실행 분류	형식	예시	예제
취득	$("요소").attr("속성");	$("a").attr("href");	보러 가기
생성	$("요소").attr("속성","내용");	$("a").attr("href","#").attr("target","_blank");
변경	$("요소").attr({기존 속성: "내용", 바꿀 속성: "내용"});	$("a").attr({a: "#", target: "_blank"});
콜백 함수	$("요소").attr("속성", function(index, att) {     return "속성";     ⇒ 각 '요소'의 속성을 생성 및 변경합니다. }); ⇒ index는 각 '요소'의 index 0, 1, 2 ⇒ att는 각 '요소'의 '속성'	$("a").attr("title", function() { return "새창"; }); //… <a href="#" target="_blank">a</a> <a href="#" target="_blank">b</a> <a href="#" target="_blank">c</a>

> prop() 메서드

prop() 메서드는 자바스크립트 property에 관련된 메서드이며, 요소의 속성을 true, false로 제어할 수 있습니다.

**예제 내용 중**
$("input: checkbox").eq(0).attr("checked", "checked");
$("input: checkbox").eq(1).prop("checked", true);
⇒ attr() 메서드는 checked 속성이 요소에 추가되는 반면,
prop() 메서드의 true는 자바스크립트의 프로퍼티로 처리됩니다.

예제 보러가기