자바스크립트에서 $는 무슨 뜻일까?? (DOM)

 

 $(document).ready(function(){
    //첫페이지
     getBoard(1);
    })

 

$()는 보통 제이쿼리를 사용하는 자바스크립트에서 많이 쓰인다. $() 는 Jquery()이게 단축된 말이며, 예전에는 getElementById()로 많이 썼는데, 그냥 $() 셀렉터로 쉽게 하라고 들어온 것이다.

이 셀렉터는 DOM(Document Object Model)을 가르키며

원래는 이런식으로 생겼다

document.getElementById("id_of_element").style.color = "#ffffff";

$()를 쓰면 코드를 밑에 처럼 줄일 수 있다.

$("id_of_element").setStyle({color: '#ffffff'});

파라메터 값을 주는 셀렉터로도 사용될 수 있다.

var domElement = document.getElementById("id_of_element");  // Usual object reference returned
var prototypeEnhancedDomElement = $(domElement);            // Prototype extended object reference

 

 DOM이란 ?

문서 객체 모델(Document Obejct Model)을 가르키며 HTML,XML 문서의 프록래밍 인터페이스이다.

DOM은 문서의 구조화된 표현을 제공하여 프로그래밍 언어가 DOM구조에 접근할 수 있도록 돕는다.

DOM은 구조화된 nodes와 property와 method를 갖고 있는 객체로 문서를 표현하며 , 이들은 웬 페이즈를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 

 

DOM은 웹페이지의 객체 지향 표현이며 자바스크립트와 같은 언어를 이용해 DOM을 수정할 수 있다.

 

 

 

참고:

https://en.wikipedia.org/wiki/Prototype_JavaScript_Framework#The_$()_function 

Prototype JavaScript Framework - Wikipedia

https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction

DOM 소개 - Web API | MDN

https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction