2009-02-11 17 views

risposta

10

nome jQuery.fn.mypluging estende oggetti jQuery:

$(selector); //a jquery object 
$(selector).myplugin(); 

jQuery.myplugin estende l'oggetto jquery stesso:

$; //the jQuery object 
$.myPlugin(); 

Con l'aggiunta di plugin per il vostro jQuery.fn si può fare roba da gli oggetti trovati da quel selettore:

jQuery.fn.makeRed = function(){ 
this.each(function() { 
    $(this).css('color', 'red'); 
} 
} 

$('div.someClass').makeRed(); //makes all divs of class someclass have red text 

Estendere l'oggetto jQuery stesso è di solito ne per le funzioni di cui la classe ha bisogno ma che non estendono gli oggetti jQuery. Quindi, per estendere il nostro esempio precedente:

jQuery.fn.doStuff = function(){ 
this.each(function() { 
    $(this).css('color', 'red') 
     .append($.doStuff.giveMeRandom()); 
} 
} 

jQuery.doStuff = { 
giveMeRandom: function() { 
    return Math.random(); 
} 
} 

$('div.someClass').doStuff(); //makes all divs of class someclass have red text and append a random number to them 
Problemi correlati