Apprenez à écrire un exemple de tutoriel de plug-in Jquery en 10 minutes_jquery

De nombreux amis ont utilisé des plug-ins jQuery, mais peu de personnes ont écrit eux-mêmes des plug-ins jQuery. Cet article décrit brièvement la méthode d'implémentation des plug-ins jQuery sous forme d'exemples. Partagez-le avec tout le monde pour votre référence. La méthode spécifique est la suivante :

Plus précisément, il encapsule en fait certaines fonctions couramment utilisées, pratiques et générales, cela signifie mettre ces codes dans une méthode pour obtenir l'effet d'une utilisation répétée, afin que vous n'ayez pas besoin de l'utiliser à chaque fois. il faut réécrire cette fonction à chaque fois.

Maintenant que Jquery a ajouté le concept de plug-ins, il vous suffit de l'écrire selon son format spécifique tout comme vous écrivez habituellement des fonctions, mais ce n'est pas trop compliqué. C'est à vous de le croire ou non, mais moi oui.

Ensuite, je vais l'expliquer avec un code simple. Si vous ne savez pas comment écrire un plug-in après l'avoir lu, je peux seulement dire que je suis sans voix

.

Les étapes spécifiques sont les suivantes :

Étape 1 : Définir le plug-in

$(function() { 
  $.fn.插件名称 = function(options) { 
   var defaults = { 
     Event : "click",    //触发响应事件 
     msg : "Holle word!"    //显示内容 
   }; 
   var options = $.extend(defaults,options); 
   var $this = $(this);    //当然响应事件对象 
   //功能代码部分 
   //绑定事件 
   $this.live(options.Event,function(e){ 
     alert(options.msg); 
   }); 
  } 
}); 
 

Étape 2 : Appeler le plug-in

$(function() { 
  //绑定元素事件 
  $("#test").插件名称({ 
   Event : "click",    //触发响应事件 
   msg : "插件原来就是这么简单!"   //显示内容 
  }); 
}); 
 

Maintenant, le plug-in le plus simple est terminé ! Moins de 10 minutes ! Je pense que tout le monde devrait le comprendre ! Le plug-in jQuery s'avère aussi simple que cela.