jquery $.fn $.fx는 무엇을 의미하며 for_jquery에 사용되는 것은 무엇입니까?

$.fn은 jquery 네임스페이스와 fn의 메서드 및 속성을 참조하며 이는 모든 jquery 인스턴스에 유효합니다.
$.fn.abc()
를 확장하면 다음과 같이 할 수 있습니다. $("#div").abc();
일반적으로 확장 방법을 사용하여 확장합니다. API를 참조하세요.
$.fx는 jquery의 특수 효과를 나타냅니다.
디스플레이, 슬라이드, 페이드, 애니메이션 등을 사용하는 경우
$.fx.off는 애니메이션을 끌 수 있지만 실제로는 결과를 직접 표시합니다.

jquery의 확장 및 fn.extend

jQuery는 플러그인 개발을 위한 두 가지 방법을 제공합니다.
jQuery.fn.extend(object)
jQuery.extend(object);
jQuery.extend(object); jQuery 클래스 자체를 확장합니다.
jQuery.fn.extend(object); jQuery 객체에 메서드를 추가합니다.

fn이 뭐죠? jQuery 코드를 보면 찾기가 어렵지 않습니다.
jQuery.fn = jQuery.prototype = {
　 init: function( selector, context ) {//....　
　 //......
}; jQuery.fn = jQuery.prototype. 당신은 확실히 프로토타입에 익숙합니다.
자바스크립트에는 클래스에 대한 명확한 개념이 없지만 이를 이해하려면 클래스를 사용하는 것이 더 편리합니다.
jQuery는 매우 잘 캡슐화된 클래스입니다. 예를 들어 $("#btn1") 문을 사용하면 jQuery 클래스의 인스턴스가 생성됩니다.

jQuery.extend(object); jQuery 클래스에 클래스 메소드를 추가합니다. 이는 정적 메소드를 추가하는 것으로 이해할 수 있습니다. 예:
$.extend({
　add:function(a,b){return a b;}
})
는 jQuery에 add라는 "정적 메서드"를 추가한 다음 jQuery가 도입된 곳에서는 이 메소드를 사용할 수 있습니다.
$.add(3,4); //return 7
jQuery.fn.extend(object); jQuery.prototype을 확장하려면 "member"를 추가합니다. 기능". jQuery 클래스의 인스턴스는 이 "멤버 함수"를 사용할 수 있습니다.
예를 들어, 특수 편집 상자를 생성하는 플러그인을 개발하고 싶습니다. 클릭하면 현재 편집 상자의 내용이 경고됩니다. 다음을 수행할 수 있습니다.

Jquery 코드:

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

$.fn.extend({
alertWhileClick:function(){
$(this).click(function(){
alert($(this).val());
} );
}
})
$("#input1").alertWhileClick()

페이지에서:
$("#input1")은 jQuery 인스턴스입니다. 멤버 메소드 AlertWhileClick을 호출하면 확장을 구현합니다. 클릭할 때마다 먼저 콘텐츠가 팝업됩니다. 현재 편집에서.
물론 실제 개발 과정에서는 이런 초보 플러그인을 만들지 않을 것입니다. 실제로 jQuery는 풍부한 작업 문서, 이벤트, Ajax 및 효과 방법을 제공하여 이러한 방법을 결합하여 개발할 수 있습니다. 더 많은 Niubility 플러그인.


jquery(function(){})와 (function(){}(jQuery)의 차이점 1.
jQuery(function(){});
은
jQuery(docunemt).ready(function(){
})로 작성됩니다.
은 DOM이 로드된 후 Ready() 메서드를 실행한다는 의미입니다.
2. 🎜>(funtion (){
}(jQuery);
실제로는 ()(para) 익명 메서드를 실행하지만 jQuery 객체를 전달합니다.

요약: jQuery(funtion(){}) ; 코드 실행 시 이미 DOM 객체를 저장하는 코드가 존재하며, jQuery 객체를 전달하지 않기 때문에 jQuery.methodye를 통해 외부에서 호출할 수 없습니다. . 🎜>}(jQuery);
은 플러그인 개발을 위한 코드를 저장하는 데 사용됩니다. DOM 작업 코드를 직접 실행할 때는 DOM이 존재하지 않을 수 있습니다.