63 votos

Cómo agregar una función de jQuery?

¿Cuál es la forma más sencilla de definir una nueva jQuery función de miembro?

Para que yo pueda llamar algo así como:

$('#id').applyMyOwnFunc()

105voto

keyboardP Puntos 44625

Por favor, consulte la Definición de sus propias funciones en jQuery:

En este post quiero mostrar cómo fácil definir sus propias funciones en jQuery y el uso de ellos.

Desde el puesto de:

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

Usa:

$(element).yourfunctionname()

34voto

tvanfosson Puntos 268301

Este es el patrón que prefiero definir mis propios 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);

Se aplica como:

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

18voto

Marcel Levy Puntos 2378

La documentación de jquery tiene una sección sobre el plugin de creación, donde me encontré con este ejemplo:

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

A continuación, usted sería capaz de llamar de esta manera:

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

12voto

RageZ Puntos 15212

jQuery tiene la extend función para hacer que

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

puedes ver la documentación que hay

4voto

JGarrido Puntos 131

Aquí un plugin, en su forma más sencilla...

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

Usted realmente desea consultar la documentación que a pesar de que:

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

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X