JQuery 플러그인 개발 연구
1577 단어 JavaScriptjquery프레임prototype
오늘 저녁에 JQuery의 플러그인 메커니즘을 연구하는 데 한 시간 정도 걸렸다.주로 을 보고 자바스크립트 권위 지침을 참고했다
몇 가지 소감:
1. 플러그인을 개발할 때 왜 아래의 코드 구조입니까?
(function($){
//code goes here
})(jQuery);
이 구조는 사실상 익명 함수의 성명 뒤에 (), 즉 익명 함수를 성명하고 실행하는 것을 의미한다.
중요한 것은 이 함수의 매개 변수와 실행할 때 들어오는 매개 변수이다. 두 가지 요점, 이 함수의 구명 매개 변수의 이름은 $이다. 이렇게 하면 함수 내부에서 $로 들어오는 매개 변수를 가리킬 수 있다.다른 한편, 들어오는 매개 변수는 jQuery이다. 즉, 현재 환경에서 $가 무엇을 대표하든, jQuery든Prototype이든, 우리의 플러그인 함수에서 $는 jQuery를 가리키는 데 사용할 수 있다.물론 이런 편의를 원하지 않는다면 jQuery를 직접 사용할 수도 있습니다.
2.javascript에 대한 클립입니다.
jQuery 플러그인을 개발하는 것이 실제로는 클로즈업을 하는 것 같다.
실제로 클립의 발생은 플러그인 함수로 인해 발생한 것으로 함수 집행이 끝난 후에 이 함수의 호출 구조가 존재할 수 있고 함수 중의 국부 변수를 인용할 수 있다.
구체적인 jQuery 플러그인은 플러그인을 페이지에 도입한 후에 플러그인에 정의된
4
(function($){/*code goes here*/})(jQuery)
구조jQuery.fn.pluginName = function(){};
위 문장의 뒷부분에 정의된 익명 함수는 플러그인 함수로 전역 대상 jQuery에 부여된 속성입니다. 플러그인 함수 실행이 완료된 후에 이 함수의 호출 대상은 소각되지 않습니다.이 함수에 정의된 모든 국부 변수는 계속 존재합니다.그러나 이 함수 내부에서만 접근할 수 있으며 그 작용은 사유 변수에 해당한다.
3. 산열 대상 봉인 함수의 여러 선택 가능한 매개 변수를 사용하려면 $을 사용하십시오.extend({기본값},options|||{});매개 변수를 처리하다.
4. 두 가지 확장 방법
4
$.extend(object)
$.fn.extend(object)
첫 번째 방법은 jQuery 클래스에 클래스 속성을 추가하는 것이다. 이 방법은 $를 통해 직접 접근할 수 있다. 예를 들어 $.object 두 번째 방법은 jQuery입니다.prototype을 확장하면 jQuery의 실례에 구성원 속성을 추가하는 것과 같습니다.이 방법의 접근은 jQuery 대상을 통과해야 합니다. $를 통해 직접 접근할 수 없습니다. 먼저 jQuery 대상을 만들어야 합니다.예를 들어 $('someId').object
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.