jquery 플러그인 학습(3)_jquery

예:

코드 복사 코드는 다음과 같습니다.

$(this).test ().hide ().height();

유사한 연결 동작을 달성하려면 메서드에 명시적인 반환 값이 필요한 경우를 제외하고 각 플러그인 메서드에서 jquery 개체를 반환해야 합니다. 반환된 jquery 객체는 일반적으로 이것에 의해 참조되는 객체입니다. 이를 반복하기 위해 각각() 메서드를 사용하면 반복 결과를 직접 반환할 수 있습니다. 이전 섹션의 예에서는

을 추가로 수정하고 코드를 다음과 같이 복사합니다.

jQuery.fn .test = function(){
return this.each(function(){ //일치하는 요소를 탐색합니다. 여기서는 객체 컬렉션을 나타냅니다.
alert(this.nodeName); // 현재 메시지를 표시합니다. jquery object DOM node name
})
}

그런 다음 애플리케이션 예제에서 동작을 작성할 수 있습니다. 예를 들어 다음 예제에서는 노드가 먼저 팝업된 다음 현재 노드 이름을 사용하여 현재 요소에 포함된 정보를 다시 쓰고 마지막으로 요소를 천천히 숨깁니다.

코드 복사 코드는 다음과 같습니다.

$('body *').click (function( ){
$(this).test().html(this.nodeName).hide(1000);
});