Come sostituire l'HTML in un DIV con jQuery

Passaggio 1

Aprire un'applicazione di sviluppo Web o un editor di testo e creare una nuova pagina HTML.

Passaggio 2

Aggiungi la libreria jQuery alla pagina aggiungendo il codice HTML corrispondente tra i tag "" "". Ad esempio:

Modificare il percorso nell'attributo "src" in modo che corrisponda alla posizione e alla versione della libreria scaricata dal sito Web jQuery.

Passaggio 3

Scrivi il seguente codice per aggiungere un div HTML alla pagina con testo di esempio. Questo deve essere aggiunto tra i tag "" "".

Questo è un esempio

Passaggio 4

Aggiungi un pulsante HTML sulla pagina utilizzando il codice seguente, che dovrebbe essere aggiunto dopo l'esempio DIV. Al momento il pulsante non ha alcuna azione definita, poiché aggiungerai il gestore di clic tramite jQuery.

Passaggio 5

Aggiungi il seguente codice HTML tra i "" "" tag sotto il tag "" usato per includere la libreria jQuery.

Questo codice creerà una funzione che verrà eseguita automaticamente una volta caricata la pagina. Successivamente, si definisce un gestore di clic per il pulsante con l'id HTML "myButton", che esegue una funzione quando viene fatto clic. La funzione sostituisce il codice HTML contenuto nel DIV con l'id "test".

Passaggio 6

Carica la pagina sul tuo server web, quindi aprila in un browser. Fai clic sul pulsante e vedrai che il contenuto del DIV cambia istantaneamente mentre viene eseguito il gestore di clic.