jQuery 분석

jQuery는 어떻게 $변수를 사용하도록 만들까?

익명함수를 통해 주입된 전역 스코프 (window)에서 내부 변수 jQuery 함수를 window.$ 변수에 할당한다.

$(function() { 내용 }); 은 어떻게 기능하나?

$( document ).ready() 와 동일한 기능을 하는 위 코드는 DOM이 모두 로드된 후 한 번 실행된다. jQuery에서는 해당 파라미터의 타입이 함수인지 체크를 해서 ready가 실행되도록 한다.

$(선택자)는 어떻게 작동하나?

선택자가 문자열인 경우 jQuery.find 함수가 실행되는데, jquery의 find 함수는 내부 prototype에서 다른 함수와 함께 정의되어 있다.

jQuery.fn = jQuery.prototype = {
  ...
  find: function(t){}
}

jQuery 플러그인에서 사용하는 $.fn은 무슨 원리인가

플러그인을 만들 때 사용하는 fn은 jquery의 prototype이다. 플러그인에서는 jQuery 객체의 프로토타입으로 플러그인의 해당 기능을 주입시키는 것이다.

jQuery의 메서드 체이닝은 어떻게 작동하나?

jquery의 디자인 패턴인데, 함수의 리턴 값을 자신(this)로 지정했기 때문에 체이닝이 가능하다.

Last updated