2016-07-26 6 views
0

jQuryUI가 어떻게 만들어 졌는지 알기 위해 코드에서 extend 유틸리티를 사용한다는 것을 알았습니다. 그러나 익명 개체를 확장하는 데 사용되었습니다.jQuery 익명 객체로 확장 하시겠습니까?

누구나 설명해주세요.

$.fn.extend({ 
    scrollParent: function(includeHidden) { 
     var position = this.css("position"), 
      excludeStaticParent = position === "absolute", 
/// and the code goes on 

답변

1

jQuery.fn.extend()를 documentation 상태로

, jQuery.fn.extend() 방법

새로운 jQuery를 인스턴스 메소드를 제공 JQuery와 프로토 타입에 객체의 내용을 병합.

그래서, 당신의 코드는이 같은 어떤 jQuery를 객체에 새로운 메소드를 호출 할 수있는 방법이 scrollParent

을 추가하여 jQuery의 프로토 타입 ( FN 는 jQuery의 프로토 타입에 그냥 별칭) 확장 :

$('#myElement').scrollParent(includeHidden); 

jQuery.extend()

jQuery.extend(object1, object2)

오브젝트 1에 체크 자세히

+0

알았어요. '$ .extend'는'$ .fn.extend'와 유사하지 않습니다 – yossi

+0

첫 번째는 여러분이 제공하는 객체를 확장하고, 두 번째는 jQuery의 프로토 타입을 확장합니다 – kapantzak

1

코드합니다 (jQuery 객체와 동일 함) $ 연장되어 있으므로 $.scrollParent 해주기 함수이다. here을 참조하십시오.

바로 그 페이지의 예입니다.

<script> 
jQuery.fn.extend({ 
    check: function() { 
    return this.each(function() { 
     this.checked = true; 
    }); 
    }, 
    uncheck: function() { 
    return this.each(function() { 
     this.checked = false; 
    }); 
    } 
}); 

// Use the newly created .check() method 
$("input[type='checkbox']").check(); 
</script> 
+0

감사의 $.extend() 문서를 object2 병합합니다. 알았다. – yossi

관련 문제