[jQuery] DOM과 jQuery

1. DOM(Document Object Model)

• 웹 페이지 객체 지향 표현

• 요소(엘리먼트)를 트리 형태로 구조화

HTML

 

DOM

 

document.getElementById('content')와 같이 특정 태그 값을 가져올 수 있다.

 

 

2. jQuery

• 자바스크립트 라이브러리

• 요소(엘리먼트)들을 효율적으로 제어할 수 있는 기능 제공

CDN 호스트 또는 직접 jQuery를 다운로드 하여 사용할 수 있다.

$('선택자') 형태로, 맨 앞에 $를 표기하여 jQuery 객체임을 나타낸다.

$('#content') 처럼 jQuery는 DOM형식의 js보다 좀 더 직관적이고 단순한다.

 

 

3. jQuery 장점

 첫째, 문법이 간단하다. id를 이용하여 요쇼(엘리먼트)를 가져올 때는 getElementById,

class를 이용하여 요소(엘리먼트)를 가져올 때는 getElementsByClassName를 사용하지만

jQuery를 이용하면 $('#ID'), #('.CLASS') 처럼 간단하게 사용할 수 있다.

 둘째, 멀티 브라우저 지원이 가능하다. 비동기 통신(ajax), 이벤트 등을 브라우저에 상관없이

동일하게 작동시킬 수 있어 브라우저 스펙을 파악하는 시간을 줄일 수 있다.