jQuery.fn가 의미하는 것

질문 : jQuery.fn은 무엇을 의미합니까?

---

fn 은 무엇을 의미합니까?

jQuery.fn.jquery

답변

---

jQuery에서 fn 속성은 prototype 속성의 별칭입니다.

jQuery 식별자 (또는 $ )는 생성자 함수일 뿐이며이 식별자로 생성 된 모든 인스턴스는 생성자의 프로토 타입에서 상속됩니다.

간단한 생성자 함수 :

function Test() {
  this.a = 'a';
  }
  Test.prototype.b = 'b';
  
  var test = new Test(); 
  test.a; // "a", own property
  test.b; // "b", inherited property
  

jQuery의 아키텍처와 유사한 간단한 구조 :

(function() {
  var foo = function(arg) { // core constructor
    // ensure to use the `new` operator
    if (!(this instanceof foo))
      return new foo(arg);
    // store an argument for this example
    this.myArg = arg;
    //..
  };

  // create `fn` alias to `prototype` property
  foo.fn = foo.prototype = {
    init: function () {/*...*/}
    //...
  };

  // expose the library
  window.foo = foo;
})();

// Extension:

foo.fn.myPlugin = function () {
  alert(this.myArg);
  return this; // return `this` for chainability
};

foo("bar").myPlugin(); // alerts "bar"

출처 : https://stackoverflow.com/questions/4083351/what-does-jquery-fn-mean