자신의 jQuery 플러그인 만들기

1910 단어
본고의 실례는 자신의 jQuery 플러그인을 만드는 방법을 설명한다.여러분에게 참고하도록 공유하겠습니다. 구체적으로는 다음과 같습니다.
js 플러그인을 쓰는 것은 번거롭지 않습니다. js 플러그인은 두 종류가 있는데, 유형 플러그인과 대상 플러그인입니다.첫 번째 예:

$.post(url);

이것은 형식 플러그인입니다. 다시 말하면 이 플러그인은 호출할 때 대상을 지정할 필요가 없습니다.그러면:

$('p').click();

이것은 대상 플러그인입니다. 즉, 이 플러그인을 사용할 때 대상을 지정해야 합니다.
jQuery 플러그인을 쓸 때 템플릿이 고정되어 있습니다.

jQuery.plugin1 = function(text) {
  alert(text);
};//      ，   $.post();
$.fn.plugin2 = function(options) {
  var defaults = {
    text: 'Hello, world!'
  };
  //      
  var opts = $.extend(defaults, options);
  //         
  alert(opts.text);
};//      ，   $(this).click();

이상은plugin1이 유형 레벨 플러그인일 때 직접 호출하면 됩니다.plugin2는 대상 레벨 프레임워크이기 때문에 사용할 때도 대상이 필요합니다.
형식 레벨 프레임워크를 쓸 때, jQuery.plugin1의 jQuery.생략할 수 없습니다. 마찬가지로 대상 단계 프레임워크를 쓸 때 $.fn.생략할 수도 없고.
여기서 내가 말하고자 할 때 대상 단계 프레임워크에서 var opts = $.extend(defaults, options);이 말은 반드시 있어야 한다. 이 말은 매개 변수를 합병한다는 뜻이다.사용자가 파라미터를 설정하지 않았을 때 기본값의 파라미터를 사용합니다. 그렇지 않으면 사용자가 설정한 파라미터를 사용합니다.다음은 호출 방법을 살펴보겠습니다.




$.plugin1('Hello');
$(document).ready(function(){
  $('#tmp').click(function(){
    $(this).plugin2({
      text: '//www.jb51.net'
    });
  });
});

먼저 자신의 jQuery 플러그인을 사용할 때 포함해야 하며, 그 전에 jQuery를 포함해야 한다. 알잖아.뒤에 바로 호출 방법입니다!
더 많은 jQuery 관련 내용에 관심이 있는 독자들은 본 사이트의 주제를 보실 수 있습니다.,,,,,,,,,,,,,,,,,,,,,《jQuery 애니메이션과 특수효과 사용법 총결산》 및 《jquery 선택기 사용법 총결산》
본고에서 서술한 것이 여러분의 jQuery 프로그램 설계에 도움이 되었으면 합니다.
빅 데이터 운영
Gulp: 플러그인 작성 시작

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage