jQuery - 속성 관련 메서드

attr()관련 메서드

선택한 요소의 attribute(속성)를 선택, 생성, 변경할 수 있습니다.

jQuery class형식은 다음과 같습니다.

실행 분류	형식
취득	$("a").attr("href");
생성, 변경	$("a").attr("href", "http://icoxpublish.com").attr("target", "_blank");
	$("a").attr({"href": "http://icoxpublish.com", target:"_blank"});
콜백 함수	$("a").attr("href", function(index, h){ //index는 각 a 요소의 index 0, 1, 2 //h는 각 a 요소 href 속성1 return attribute(속성) // 각 a 요소의 속성을 생성 및 변경합니다. }); ... 다음 네이버 네이트

atter()를 사용한 예제 입니다.

$(document).ready(function () {
    console.log($("#site > a:eq(0)").attr("href"));
    $("#site > a:eq(1)").attr("href", "http://m.naver.com").text("네이버 모바일");
    $("#site a").attr("title", function () {
        return "새창";
    });
});

결과

---

prop()관련 메서드

attr()가 html attribute(속성)에 관련된 메서드라면 prop()는 자바스크립트 property(프로퍼티)에 관련된 메서드입니다. prop() 메서드는 요소의 속성을 true, false로 제어할 수 있습니다.

prop()를 사용한 예제 입니다.

$(document).ready(function () {
    console.log($("input:checkbox").eq(0).attr("checked"));
    console.log($("input:checkbox").eq(1).prop("checked"));
    $("input:checkbox").eq(0).attr("checked", "checked");
    $("input:checkbox").eq(1).prop("checked", true);
    console.log($("input:checkbox").eq(0).attr("checked"));
    console.log($("input:checkbox").eq(1).prop("checked"));
});

결과