jQuery(function(){}) 및 (function(){})(jQuery)_jquery에 대해 간략히 설명합니다.

jQuery 플러그인을 개발하면서 얻은 경험을 공유해 주세요.

1. 먼저 시청하세요
jQuery(함수(){ });
로 전체 작성 jQuery(문서).ready(function(){ });

DOM이 로드된 후 Ready() 메서드가 실행된다는 의미입니다.

2. 다시 시청하세요

(함수(){ })(jQuery)
실제로 ()(para) 익명 메서드를 실행하지만 jQuery 개체만 전달합니다.

(함수($) {…})(jQuery);

이것은 실제로 다음과 같은 익명 함수입니다.

함수(인수){… }

이는 매개변수 arg
를 사용하여 익명 함수를 정의합니다.

함수를 호출할 때 함수 뒤에 괄호와 실제 매개변수가 작성됩니다. 연산자의 우선순위로 인해 함수 자체에도 괄호가 필요합니다. 즉,

(함수(인수){…})(매개변수)
이는 arg 매개변수로 익명 함수를 정의하고 param을 매개변수로 사용하여 이 익명 함수를 호출하는 것과 같습니다

(function($){…})(jQuery)도 마찬가지입니다. $를 형식 매개변수에만 사용하는 이유는 다른 라이브러리와의 충돌을 피하기 위해서이므로 실제 매개변수에는 jQuery를 사용합니다

함수 출력(들){…};output(jQuery); 또는 var fn=function(s){…};fn(jQuery);
과 동일합니다.

$(함수(){…});

또는:

jQuery(함수($) {

…
});

DOM(이미지 제외) 문서가 로드된 후 실행될 함수를 바인딩할 수 있습니다. 이 함수는 $(document).ready()와 동일하게 작동합니다. 단, 이 함수를 사용할 때 DOM이 로드될 때 실행되어야 하는 페이지의 모든 $() 연산자를 래핑해야 합니다. 기술적으로 이 함수는 연결 가능하지만 실제로 이런 방식으로 연결되는 경우는 많지 않습니다.

의 전체 형식은 다음과 같습니다.

$(문서).ready(함수(){
…
});

3. 요약

jQuery(function(){}); DOM 개체를 작동하는 코드를 저장하는 데 사용됩니다. 코드가 실행될 때 DOM 개체가 이미 존재합니다. jQuery 객체가 전달되지 않고, jQuery.method를 통해 외부에서 해당 메소드(함수)를 호출할 수 없기 때문에 플러그인 개발을 위한 코드를 저장하는 데 사용할 수 없습니다.

(function(){})(jQuery);는 플러그인 개발을 위한 코드를 저장하는 데 사용됩니다. 코드 실행 시 DOM이 존재하지 않을 수 있으므로 DOM 작업을 직접 자동으로 수행하는 코드를 사용하시기 바랍니다.