JQuery选择器的混合

Question

有没有可能为jQuery选择器创建一个混入(请注意，我不需要插件，它们对于我正在做的事情来说太大了)？

这是我想要完成的任务：

  // 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

我知道你说你不需要插件，但是你需要的插件非常简单：

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

使用：

$(yourSelector).makeItGreen();

未经测试，but....pretty确信它应该可以按原样工作。

小提琴(由提供)：

http://jsfiddle.net/mPu6X/

Answer 2

您可以创建自定义事件：

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

要“做”它：

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

Answer 3

你在找这样的东西吗？http://jsfiddle.net/WDmjS/

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

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

​写得更简洁：

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