Programming/jQuery (2) 썸네일형 리스트형 [jQuery] 전역적인 충돌 없이 $ 별칭 사용하기 전역적인 충돌에 대한 걱정 없이 단축 표현인 $ 별칭을 사용하고 싶다면? 해결 방법은 익명의 자기호출(self-invoking) 함수를 만드는 것이다. 즉, 익명 함수에 jQuery 개체를 전달하면서 jQuery 개체에 대한 매개변수 포인터로서 $를 사용하는 것이다. 예를 들면, 모든 jQuery 코드는 다음과 같은 자기호출 함수로 캡슐화될 수 있다. (function ($) {// 내부에서 $ 매개변수를 사용하는 함수를 생성 // 충돌에 대한 걱정 없이 내부 영역에서 $를 사용할 수 있다. }) (jQuery);// 익명 함수를 호출하고 jQuery 개체를 전달한다. 이 코드는 본질적으로 개별 범위(private scope)를 갖는 함수에게 jQuery에 대한 전역 참조를 전달하고 있다. 만일 이렇게 .. [jQuery] DOM은 로드되었지만 페이지가 로드되기 전에 jQuery/자바스크립트 실행하기 튀지 않는(unobtrusive) 자바스크립트 방식을 사용하는 최근의 자바스크립트 어플리케이션들은 일반적으로 DOM이 완전히 로드되고 난 후에만 자바스크립트 코드를 수행한다. 실제로도 모든 DOM 탐색과 조작은 그들이 동작하기에 앞서 DOM이 완전하게 로드되는 것을 요구한다. 그렇기에, 클라이언트가 DOM은 완전히 로드했으나 이미지나 SWF파일과 같은 모든 자원들을 아직 로드하지 못한 시점을 알아내기 위한 방법이 필요하다. 만일 이를 위해서 window.onload 이벤트를 사용한다면 모든 자원들을 포함하여 전체 문서가 완전히 로드되기 전까지는 onload 이벤트가 발생하지 않을 것이기에, 대부분의 웹 방문자로 하여금 지나치게 많은 시간을 기다리게 만들 것이다. jQuery는 일반적으로 DOM의 docu.. 이전 1 다음