구별(jQuery), $(function() 및 $.fn
2125 단어 JavascriptjQuery
먼저 function (arg) {...}익명 함수를 정의했는데 매개 변수는arg이고 호출할 때 함수 뒤에 괄호와 실참을 써야 한다. 조작부호의 우선순위 때문에 함수 자체도 괄호가 필요하기 때문에 다음과 같다.
(function(arg){...})(param)
이것은 매개 변수를arg의 익명 함수로 정의하고param을 매개 변수로 이 익명 함수를 호출하는 것과 같다
반면(function($)(jQuery)는 똑같습니다. 인삼만 $를 사용하는 이유는 다른 라이브러리와 충돌하지 않기 위해서입니다. 그래서 jQuery를 실제로 사용하는 것은 사실
var fn = function($){...};
fn(jQuery);
사실 이렇게 이해할 수 있지만 주의해야 할 것은 fn은 존재하지 않는다는 것이다. 함수는 직접 정의한 다음에 실행되고 다음과 같이 압축된다.(function($){...})(jQuery)
2. $(function(){})
$입니다.ready(function(){...})의 약자 형식으로, 페이지가 로드된 후 실행되는 코드는 다음과 같이 작성될 수 있습니다.
jQuery(function(){...});
jQuery(document).ready(function(){...})
비교:jQuery(function(){...});작업 DOM 객체를 저장하는 데 사용되는 코드로, 코드를 실행할 때 DOM 객체가 이미 존재합니다.개발 플러그인의 코드를 저장하는 데 사용할 수 없습니다. jQuery 대상이 전달되지 않았기 때문에 외부는 jQuery를 통과합니다.method도 그 중의 방법 (함수) 을 호출할 수 없습니다.
(function(){...}(jQuery);개발 플러그인을 저장하는 데 사용되는 코드로 그 중 코드를 실행할 때 DOM이 반드시 존재하지 않기 때문에 DOM 조작을 직접 자동으로 실행하는 코드는 조심스럽게 사용하십시오.
단순 이해는 (function($) {...})(jQuery)는 미리 정의해야 할 함수를 정의하는 데 쓰인다
$(function(){...})는 DOM 로드가 완료된 후 미리 정의된 함수를 실행/실행하는 데 사용됩니다.
jQuery 플러그인을 개발할 때는 일반적으로 jQuery(function() {...})를 먼저 보고,DOM 로드가 완료된 후 ready () 방법을 실행한 다음 보기 (function () {...})(jQuery).
3. 달러.fn
$.fn은 jQuery의 명칭 공간을 가리키며 fn의 방법과 속성을 더하면 모든 jquery 실례에 유효합니다.
$이(가) 정의된 경우fn.initPageMe (), 즉, jQuery에 abc 방법을 확장하면, 뒤에 있는 모든 jQuery 실례를 인용할 수 있습니다.
$.fn.initPageMe=function(opts){...}; //
$(function(){
$(".pageMe").initPageMe(); //
})
4.$와 $.fn$는 jQuery의 표현 형식이다.jQuery는 다음과 같이 확장할 수 있습니다.
1.$.func1=function(){}
2.$.extend({func1:function(){}})
3.$.fn.func1=function(){}
4.$.fn.extent({func1:function(){}})
$확장의 방법은 정적 방법으로 $를 직접 호출할 수 있으며 확장의 방식은 두 가지가 있는데 일반적으로 $를 사용한다.extend({});;$.fn확장 방법은 실례적인 방법으로 반드시 '대상' $(') 으로 호출해야 하며, 확장 방식도 마찬가지로 두 가지가 있는데, 일반적으로 $를 사용한다.fn.extend({ }). 그 중에서 fn은prototype과 같이 사용한다.jQuery.fn = jQuery.prototype
참조 참조:https://blog.csdn.net/felcon/article/details/52778324
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript에서 Math.max와 Math.max.apply의 차이점과 용법 상세 설명최근에 작은 사례를 만들 때 Math를 만났어요.max.apply라는 용법은 이전에 보기 드물게 재미있게 느껴졌으니 기록해 보세요. 1Math.max 문법:Math.max(n1,n2,n3,...,nX)반환값:max(...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.