샘

jQuery attr() vs prop()

1. 살펴본 계기

   • 비록 jQuery를 앞으로 사용할 일이 줄어들테지만 LG프로젝트나 다른 운영이나 유지가 필요한 프로젝트의 경우, jQuery가 많기에 스터디!
   • 특히, attr(), prop()는 꽤 많이 사용하는 method로 둘의 차이점을 분명히 하고자 작성

2. 차이점

• attr()

  1. HTML 속성을 취급

  <input type="checkbox" checked />
  console.debug('checked:: ',$('input[type=checkbox]').attr('checked'));
  
  // console ------ checked:: checked
  

  2. 즉 HTML에 기록된 속성의 정보를 나타냄.

• prop()

  1. javascript의 속성을 취급

  <input type="checkbox" checked />
  console.debug('checked:: ',$('input[type=checkbox]').prop('checked'));
  
  // console ------ checked:: true
  

3. 사용방향

• 코드 작성 시, 최대한 구분에서 사용을 하도록 노력할 것!
• 성능면에서는 두 함수의 차이가 거의 없다.

4. 참고

• http://javascriptandjquerydev.blogspot.kr/2012/07/attr-prop.html

춘식

• 훌륭한 프로그래머 되는 법: ~ 183