Tutorial jQuery – proprietà .html

Molti di voi conosceranno la funzione di javascript innerHtml che permette appunto di poter gestire l’html presente all’interno dei tag di una pagina.

Ora vi mostrerò come è possibile ottenere lo stesso risultato con jQuery grazie all’attributo .html

Ecco a voi alcuni esempi:

• Inserire determinato codice html in determinati tag

$(document).ready(function(){
    $("div").html("<b>Ciao a tutti</b>");
  });

Appunto queste stringhe di codice inseriscono la frase “Ciao a tutti” in grassetto in tutti i tag <div> presenti nel documento      visualizza esempio

• Utilizzare bottoni per aggiungere html in un tag di cui è specificato l’id

$(document).ready(function(){
    $("#bottone").click(function(){
      $("#miodiv").append(" Hai aggiunto del testo");
    });
 });

Questa porzione di codice utilizza la proprietà .append che appunto inserisce l’html alla fine del tag con id “miodiv”, tutto questo al semplice click dell’istanza di “bottone”      visualizza esempio

Piaciuti i due esempi?? Eccovi il download con i file:  Download esempi

Vi lascio ad un buon sviluppo

A presto