jQuery [편집] 내용, 속성, Attribute Property 차이

jQuery 내용, 속성(attribute, property) 편집

• text() : 요소의 text 가져오기, 변경
• html() : 요소의 html 가져오기, 변경
• attr() : 요소의 attribute 가져오기, 변경
• prop() : 요소의 property 가져오기, 변경
• css() : 요소의 css 가져오기, 변경
• addClass() : 클래스 추가
• removeClass() : 클래스 삭제
• toggleClass() : 클래스 있으면 제거, 없으면 추가

 

(참고) attribute와 property 차이

HTML코드 작성시 사용된 속성이 attribute이고, HTML을 브라우져가 파싱하면서 생성한 DOM tree에 사용되는 속성이 property라고 보면 됨(이때 attribute의 값이 기본값이 되어서 생성)
아래 예제에서 input의 value값은 property변경 후에 attribute는 값이 변경되지 않는 걸 볼수 있음.
반면에 class값은 property값을 변경하면 attribute값까지 변경이 된다.

 

예제 코드