Mixin pour un sélecteur JQuery

Question

Est-il possible de créer un mixin pour un sélecteur jQuery (attention, je n'ai pas besoin de plugins, ils sont trop volumineux pour ce que je fais)?

est ici la tâche que je suis en train d'accomplir:

// Given a div I need to paint it with green for which... 
    var $container = $("#id001"); 

    // current solution 
    var do = function(e) { 

    var container = e.container; 
    container.css("backgroudColor", "green"); 
    }; 

    do({ container: $container }); // call 


    // desired solution 
    var do**Mixin** = function(e){ 
    e.css("backgroudColor", "green"); 
    }; 

    container.do(); // call 

Answer 1

Je sais vous avez dit que vous n'avez pas besoin d'un plugin, mais un plugin pour ce dont vous avez besoin est très simple:

function($){ 
    $.fn.makeItGreen = function(){ 
     return this.each(function() { 
      this.css({ 
       'background-color': 'green' 
      }); 
     }); 
    } 
)(jQuery)); 

Utilisation:

$(yourSelector).makeItGreen(); 

Untested, mais .... sûr qu'il devrait fonctionner comme est.

Fiddle (avec la permission de Jamiec):

http://jsfiddle.net/mPu6X/

Answer 2

Vous pouvez faire un événement personnalisé:

$('selector').on('changeToGreen', function(){ 
    $(this).css("backgroudColor", "green"); 
}); 

"faire" il:

$('selector').trigger('changeToGreen'); 

Answer 3

Vous cherchez quelque chose comme ça? http://jsfiddle.net/WDmjS/

​jQuery.prototype.do = function(){ 
    this.css("background-color","green"); 
    return this; 
}; 

$(".mydiv").do(); 

Plus rédigée de manière concise:

​$.fn.do = function(){ 
    return this.css("background-color","green"); 
};