[JQUERY] 속성 메서드

Jquery : 속성 관련 메서드

이번 시간에는 자바스크립트의 jquery 속성 관련 메서드에 대해 알아보겠습니다.😆

---

#1. jquery : attr() 메서드

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

실행 분류	형식
취득	$("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는 각 div 요소의 index 0,1,2    //h는 각 a 요소 href 속성    return attribute(속성) // 각 a 요소의 속성을 생성 및 변경한다. }); …… <a href="http://www.daum.net" target="_blank" title="새창">다음</a> <a href="http://www.daum.net" target="_blank" title="새창">네이버</a> <a href="http://www.daum.net" target="_blank" title="새창">네이트</a>

✏️ attr() 메서드 예제

---

#2. jQuery : prop() 메서드

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

✏️ prop() 메서드 예제