aggiorna div con jquery

Mi piacerebbe aggiornare un div. Dovrebbe avere nuove informazioni dal server su di esso. Tutte le altre risposte presuppongono che tu abbia ottenuto i nuovi dati dalla tua richiesta $ .ajax e ti dica di caricare quei dati sul tuo div, nasconderlo e mostrarlo di nuovo, in questo modo:

$("#panel").hide().html(data).fadeIn('fast'); 

Lo so, lo so, probabilmente dovrei solo ottenere dati con Ajax. Ma al momento, voglio semplicemente aggiornare il div, senza aggiornare la pagina, e senza inserire nuovo HTML nel div. È ansible?

Voglio solo aggiornare il div, senza aggiornare la pagina … È ansible?

Sì, anche se non sarà ovvio che faccia qualcosa a meno che tu non cambi il contenuto del div.

Se vuoi solo l’effetto grafico di dissolvenza, semplicemente rimuovi la chiamata .html(data) :

 $("#panel").hide().fadeIn('fast'); 

Ecco una demo con cui puoi scherzare: http://jsfiddle.net/ZPYUS/

Cambia il contenuto di div senza effettuare una chiamata ajax al server e senza aggiornare la pagina. Il contenuto è hardcoded, però. Non puoi fare nulla a riguardo senza contattare il server in qualche modo: ajax, una sorta di richiesta di sotto-pagina o qualche tipo di aggiornamento della pagina.

html:

 
test data

javascript:

 $("#changePanel").click(function() { var data = "foobar"; $("#panel").hide().html(data).fadeIn('fast'); });​ 

css:

 div { padding: 1em; background-color: #00c000; } input { padding: .25em 1em; }​ 

Ho provato la prima soluzione e funziona, ma l’utente finale può facilmente identificare che i div sono rinfrescanti dato che è fadeIn (), senza dissolvenza ho provato .toggle (). Toggle () e funziona perfettamente. puoi provare in questo modo

 $("#panel").toggle().toggle();