javascript/jQuery] jQuery() 함수의 4가지 용법

fr. http://www.ibm.com/developerworks/library/x-ajaxjquery.html

jQuery() 함수 즉, $() 함수는 크게 4가지 기능을 갖고 있다.

1. selector
   현재 jQuery 는 CSS1~3 까지;CSS3(CSS selector 는 하위호환 보장함.) selector 를 완전히 지원하고 있을 뿐 아니라, XPath 도 일부 기본적인 지원이 이루어진 상태다. 매개변수로 CSS selector 나 XPath query 를 그대로 넘겨주면 된다. CSS selector 의 완전 지원은 John Resig 에 의하면, 원조격인 Dean Edwards 의 cssQuery() 의 영향을 받았다고 한다.


2. object context
   매개변수로 element 나 element 의 배열을 넘기면, 따라오는 method 를 각각의 context 로 실행한다.


3. DOM Ready Listener
   일반적으로 2번의 형태로 DOM Ready Listener 를 다음과 같이 작성하게 되는데,
   $(document).ready(function() { ... } );
   매개변수로 function 만 그대로 넘겨도 동일하다.
   $(function(){ ... });


4. DOM creator
   다음과 같이 string 매개변수에 의해 해당 element 를 생성할 수 있다.
   $('<p></p>').html('Hey world!').css('background', 'yellow').appendTo("body");

.