[jquery] attr, prop 메서드

.attr() 메서드

---

.attr() : html 의 속성(attribute)을 다룬다.

<script>
    .attr( attributeName )
    $( 'div' ).attr( 'class' ); // div 요소의 class 속성의 값을 가져온다.
</script>

 

.attr() 메서드를 통해서는 element가 가지는 속성값이나 정보를 조회(style, src, rowspan 등)하거나 세팅하는 형식

    <script>
    	.attr( attributeName, value ) // 선택한 요소에 속성을 추가한다.
    	$( 'h1' ).attr( 'title', 'Hello' ); // h1 요소에 title 속성을 추가하고 속성의 값은 Hello로 한다.
        $( '#test' ).attr( 'rowspan', 1);
    </script>

---

.prop() 메서드

---

.prop() : javascript 프로퍼티(property)를 다룬다.

 

<script>
	.prop( propertyName )
	.prop( propertyName, value ) // 속성 추가하기
</script>

 

​.prop() 메서드를 통해서는 element가 가지는 실제적인 상태(활성화, 체크, 선택여부 등)를 제어하는 업무

$( '.selectCheck' ).click( function() {
     $( '.test' ).prop( 'checked', this.checked );
});

---

출처 : https://www.codingfactory.net/10341