jquery 플러그인 개발 빠른 입문

1. jQuery 객체 추가 방법 jQuery 객체 추가 방법: jQuery.prototype.myMethod.
jQuery 원본에 다음과 같은 문장이 있습니다: jQuery.fn = jQuery.prototype, 즉 jQuery의prototype 대상에게 별명을 붙여주고,
그래서 jQuery.prototype.myMethod는 jQuery와 같은 가격입니다.fn.myMethod는 $와 같습니다.fn.myMethod.
전역 함수를 추가하려면 새로운 방법으로 jQuery 대상을 확장해야 합니다. $.fn:

$.fn.myMethod = function(){}

호출: $('div').myMethod();2. 방법 환경this는 현재 jQuery 대상을 참조합니다.DOM 객체가 아닙니다.

$.fn.myMethod = function(){
    this.hasClass(class_name);
}

이렇게 하면 재설정 검사가 가장 먼저 일치하는 요소를 정의합니다.만약 여러 개의 원소가 있다면, 반드시 스텔스 교체를 써야 한다.

$.fn.myMethod = function(){
  this.each(function(){
    this.hasClass(class_name); //   
    $(this).hasClass(class_name); //  each   this      DOM  。
  })
}

3. 연결

$.fn.myMethod = function(){
  return this.each(function(){} //   jQuery  
}

4. 방법 매개 변수 4.1 단순 매개 변수

$.fn.myMethod = function(hash_obj){ //      hash  
  return this.each(function(){}
}

4.2 기본 매개 변수

$.fn.myMethod = function(opts){ //      hash  
  var defaults = {
    zIndex:10
    ,opacity: 0.8
  }
  var options = $.extend(defaults, opts); // opts    defaults  ，defaults    
  return this.each(function(){}
}

5. 콜백 함수

$.fn.myMethod = function(opts){ //      hash  
  var defaults = {
    zIndex:10
    ,opacity: 0.8
    ,slice_offset: function(){
       return { x:i, y:2*i }
     }
  }
  var options = $.extend(defaults, opts); // opts    defaults  ，defaults    
  return this.each(function(){}
}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

onbeforeunload 이벤트 검사 창 새로 고침 또는 닫기 사용

onunload, onbeforeunload는 페이지를 새로 고치거나 닫을 때 호출됩니다. onbeforeunload는 페이지를 새로 고치거나 닫기 전에 터치합니다. 브라우저는 서버에 새 페이지를 읽으라고 요청하지 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

jquery 플러그인 개발 빠른 입문

좋은 웹페이지 즐겨찾기