왜 이러한 JavaScript 함수는 정의되지 않습니까?

Question

this jsFiddle의 출력을 이해하려고합니다.

왼쪽에있는 "외부 리소스"옵션을 사용하여 Google's CDN을 통해 jQuery UI를로드하고 있습니다.

어떤 것들은 ...

• jQuery를 부분적으로 UI 일을 저를 당혹 게한다. "drag me"div를 드래그 할 수 있습니다.

  그래서 jQuery UI .draggable() (docs)이 좋습니다. ()은 jQuery UI 테마 CSS를 적용하지 않습니다.

  .draggable()은 작동하지만 .button()이 아닌 이유는 무엇입니까? (구문 오류?)

• draggable은 undefined 일 수 있습니까?

  작동하므로 제대로 작동해야합니다.

• click은 undefined이 될 수 있습니까?

  click()은 jQuery에서 가져온 것이고 $은 함수입니다. click도 하나가 아니겠습니까?

여기에 내가 갖는 출력은

(function() { 

    $(document).ready(function() { 

    $('.dr').draggable(); 

    $('.btn').button(); 

    $('.btn').click(function(event) { 
     alert('Clicked'); 
    }); 

    $('.output').append('typeof $: ' + typeof $ + '<br />'); 

    $('.output').append('typeof draggable: ' + typeof draggable + '<br />'); 

    $('.output').append('typeof click: ' + typeof click + '<br />'); 

    $('.output').append('typeof button: ' + typeof button + '<br />'); 

    }); 

}()); 

... JS의

typeof $: function // As expected. 
typeof draggable: undefined // How can it be undefined and still work? 
typeof click: undefined // ??? 
typeof button: undefined 

Answer 1

기능이 $().draggable, $().click 및 $().button, 그렇지 해당 범위에서 window.draggable, window.click 및 window.button 찾고 결국, draggable, click 및 button.

$().draggable, $().click 및 $().button의 유형을 얻는 또 다른 방법은 일반적으로 $.fn로 별명이 $.prototype,하는 것입니다. 그래서 :

$().draggable, $().click 및 $().button, 또는 $.prototype.draggable, $.prototype.click 및 $.prototype.button 또는 $.fn.draggable, $.fn.click 및 $.fn.button은 동일합니다.그리고 해당 문자는 draggable, click 및 button과 다른 문자로 window.draggable, window.click 및 window.button과 같습니다.

Answer 2

당신은 아무것도에 사람들을 묶는하지 않기 때문에 그것은이 그래서, 결국 window을 보게됩니다.

$.fn을 찾아야합니다.

Answer 3

기능이 메소드와 다릅니다. draggable은 $('.dr').draggable과 같지 않습니다. 위에서 사용