Comment ajouter une fonction à jQuery?

Question

Quel est le moyen le plus simple de définir une nouvelle fonction membre jQuery?

Pour que je puisse appeler quelque chose comme:

 $('#id').applyMyOwnFunc()
 

Answer 1

Veuillez voir Définir vos propres fonctions dans jQuery :

Dans cet article, je souhaite expliquer à quel point il est facile de définir vos propres fonctions dans jQuery et de les utiliser.

De la poste:

 jQuery.fn.yourfunctionname = function() {
    var o = $(this[0]) // It's your element
};
 

Utilisé:

 $(element).yourfunctionname()
 

Answer 2

C'est le modèle que je préfère définir mes propres plugins.

 (function($) {

    $.fn.extend({
        myfunc: function(options) {
            options = $.extend( {}, $.MyFunc.defaults, options );

            this.each(function() {
                new $.MyFunc(this,options);
            });
            return this;
        }
    });

    // ctl is the element, options is the set of defaults + user options
    $.MyFunc = function( ctl, options ) {
         ...your function.
    };

    // option defaults
    $.MyFunc.defaults = {
        ...hash of default settings...
    };

})(jQuery);
 

Appliqué comme:

 $('selector').myfunc( { option: value } );
 

Answer 3

La documentation de jquery contient une section sur la création de plug-in, où j'ai trouvé cet exemple:

 jQuery.fn.debug = function() {
  return this.each(function(){
    alert(this);
  });
};
 

Ensuite, vous pourrez l'appeler de cette façon:

 $("div p").debug();
 

Answer 4

jQuery a la fonction extend pour le faire

 jQuery.fn.extend({
  check: function() {
    return this.each(function() { this.checked = true; });
  },
  uncheck: function() {
    return this.each(function() { this.checked = false; });
  }
});
 

vous pouvez voir la documentation ici

Answer 5

Voici un plugin, dans sa forme la plus simple ...

 jQuery.fn.myPlugin = function() {
  // do something here
};
 

Vous voudrez vraiment consulter la documentation si:

http://docs.jquery.com/Plugins/Authoring