2009-08-17 12 views
5

Guardando il "pezzo forte" effetto JQuery:JQuery - effetto di aiuto "highlight"

http://docs.jquery.com/UI/Effects/Highlight

È possibile modificare il colore di ogni DIV sfondo di fade in/out

Tuttavia, l'esempio è quello di "evidenziare" su un "click" evento

$("div").click(function() { 
     $(this).effect("highlight", {}, 3000); 
}); 

come posso programatically chiamo il metodo clou come se fosse una funzione all'interno del mio codice (invece di agire ivate su un evento "click")?

risposta

13
$("div").effect("highlight", {}, 3000); 

Come indicato da JorenB questo evidenzierà tutte le div nella tua pagina.

Se desideri solo evidenziare un div come:

<div id="myDiv"></div> 

Si dovrebbe fare:

$("div#myDiv").effect("highlight", {}, 3000); 

Se si desidera evidenziare tutti i div con una classe specifica si cand fate:

<div id="myDiv1" class="myClass"></div> 
<div id="myDiv2" class="myClass"></div> 

$("div.myClass").effect("highlight", {}, 3000); 

Per ulteriori informazioni sui selettori, vedere JQuery Selectors.

+2

Che evidenzierà tutte le div nella tua pagina ;-) Per chiarire: dai il div id e usa '$ (" div # {yourid} ")' per jQuery. – JorenB

+0

solo una domanda, perché non sono sicuro al 100%, ma "div # myDiv" non sarebbe effettivamente più lento di solo "#myDiv"? –

4

sarebbe semplicemente

$([your selector]).effect("highlight", {}, 3000); 
1

è anche possibile conseguire che attivando l'evento click, se si dispone che nel vostro gestore di clic in ogni caso:

$('div').click(); 

o:

$('div').trigger('click');