écrire une fonction jquery qui accepte les paramètres et les objets

Question

Cela devrait être facile. Comment écrire une fonction jquery qui obtient l'objet 'calling' et quelques params.

Mon code de fonction:

new function($) { 
    $.fn.addcolor = function(param1, param2, param3, param4) { 
    // here i would like to retrieve the 'caller' object (div.foo in this case) 

    } 
} (jQuery); 

Mon code 'appelle la fonction:

$('div.foo').click(function() { 
    $(this).addcolor(1, 2, 3, 4); 
}); 

je peux obtenir le params no problemo, mais je veux obtenir le contenu de la div. truc dans la fonction et ajoute du contenu.

Answer 1

Vous recherchez this. Les plugins jQuery de $.fn sont des méthodes normales sur le prototype . (jQuery attribue $.fn à $.prototype)
Comme toute autre méthode, vous pouvez obtenir le contexte dans lequel il a été appelé en utilisant this.

Answer 2

Dans votre extension addcolor, this représentera le même objet jQuery par rapport auquel votre plugin a été appelé.

// v---jQuery object 
$(this).addcolor(1, 2, 3, 4); 

(function($) { 
    $.fn.addcolor = function(param1, param2, param3, param4) { 
    // here "this" is the same object 
    // this[ 0 ] to get the first DOM element 
    // this.each(function(... to iterate over the collection 
    } 
})(jQuery); 

Answer 3

En plugin jQuery, cet élément est référencé par ceci.

function($) { 
    $.fn.addcolor = function(param1, param2, param3, param4) { 
    // here i would like to retrieve the 'caller' object (div.foo in this case) 
    var divcontent = $(this).html(); 
    } 
} (jQuery); 

Answer 4

this.whatever est une façon ...

Il y a aussi un objet arguments que vous pouvez appeler. à savoir: arguments.length ou arguments [ "parm"]

Answer 5

Pour étendre jQuery I utilisé:

(function($) { 
    $.fn.extend({ 
     addcolor: function(param1, param2, param3, param4) { 
      return this.empty().append(something); 
     } 
    }); 
})(jQuery);