Chargement...

Développer son propre plug-in jquery


Un plugin JQUERY c'est quoi

L'avantage de jQuery c'est qu'il est très simple d'utilisaton, créer un plugin permet de simplifier encore plus son utilisation. Ainsi pour un module de datepicker, la syntaxe pourrait ressembler à ceci:
$(input).datepicker();
Créer son propre plugin jquery permettrait de donner une spécificité aux éléments avec la syntaxe suivante :
$(element).monplugin();

Déclarer un plugin jquery

(function($) { $.fn.monplugin = function(params) { ... }; })(jQuery);

Exemple d'un plugin jQuery

Construisons un plugin jQuery qui permet de changer la couleur et le contenu d'un champ texte :
(function($) { $.fn.cssw_datepicker = function(params) { $(this).css({ 'background-color': params.color }).val( params.input_value ); }; })(jQuery); $("#input_datepicker").cssw_datepicker({ color : 'yellow', input_value : "Plugin correct" });
Résultat :



Crée votre site web au meilleur prix💰


CSSW Apprendre à créer son site web