구별(jQuery), $(function() 및 $.fn

2125 단어 JavascriptjQuery
1. ($) (jQuery)
먼저 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

좋은 웹페이지 즐겨찾기