>웹 프론트엔드 >JS 튜토리얼 >jQuery(function(){})와 (function(){})(jQuery)_jquery의 차이점에 대한 간략한 분석

jQuery(function(){})와 (function(){})(jQuery)_jquery의 차이점에 대한 간략한 분석

WBOY
WBOY원래의
2016-05-16 17:04:40987검색

Jquery는 뛰어난 Javascrīpt 프레임워크입니다. 이제 Jquery에서 두 페이지가 로드된 후 실행되는 함수에 대해 살펴보겠습니다.

$(document).ready(function(){
// 여기에 코드를 작성하세요...
}); DOM이 로드될 때 실행되는 코드

로 줄여서 쓸 수 있습니다.

jQuery(함수(){
});

(function($) {})(jQuery) 무슨 뜻인가요?

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

실제로는 ()(para) 익명 메소드를 실행하지만 jQuery 객체만 전달합니다.

함수 aa($){}
aa(jQuery)
와 동일

은 jquery 객체를 초기화하는 관용적 방법입니다.

일반인의 관점에서는 페이지가 로드된 후에 필요한 코드를 실행하는 것을 의미합니다.

그러나 이로 인해 페이지가 로드된 후에만 스타일이 변경되는 경우가 많습니다. 페이지가 튀거나 깜박이는 느낌이 있습니다. 예를 들어 ui.tab 플러그인의 경우 페이지 요소가 많으면 모두 표시되어 TAB을 형성합니다.

(funtion(){})(); 함수를 즉시 실행합니다. 함수를 먼저 선언하고 선언 후에 직접 호출하는 것과 같습니다.

매개변수가 다음과 같은 경우:

(funtion(str){alert(str)})("output")); 다음과 동일: funtion OutPutFun(str){alert(str);};OutPutFun(" 출력" );


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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.