Metodo html() di jQuery

Metodi HTML/CSS di jQuery

Il metodo html() di jQuery ottiene o imposta il contenuto dell'elemento selezionato (innerHTML).

Utilizzare il metodo html()OttenereQuando si imposta il contenuto, essoIl primo elemento selezionatodel contenuto.

Utilizzare il metodo html()ImpostareQuando si imposta il contenuto, essoIl contenuto di tutti gli elementi selezionati.

Attenzione:Quando si utilizza html() per impostare il contenuto dell'elemento, tutti i contenuti dell'elemento verranno sostituiti completamente dal nuovo contenuto. Inoltre, prima di sostituire i contenuti dei sottoelementi con il nuovo contenuto, jQuery rimuove altre costruzioni dai sottoelementi, come i dati e i gestori degli eventi.

Utilizzaretext()Il metodo è utilizzato solo per ottenere o impostare il contenuto testuale dell'elemento selezionato.

Sintassi:

Ottenere il contenuto:

$(selector).html()

Impostare il contenuto:

$(selector).html(content)

Utilizzare la funzione per impostare il contenuto:

$(selector).html(function(index, currentContent))

Esempio

Cliccando sul pulsante, ottenere il contenuto del primo paragrafo:

$("button").click(function() {
　　alert($("p").html());
});

Cliccando su ogni paragrafo verrà restituito il contenuto HTML:

$("p").click(function() {
　　alert($(this).html());
});

Modificare il contenuto di tutti i paragrafi:

$("button").click(function() {
　　$("p").html("Voglio dire:　<b>Hello world</b>");
});

Utilizzare la funzione per modificare il contenuto dell'elemento:

$("button").click(function() {
　　$("p").html(function(i){
　　　　return "L'indice di questo elemento p: " + i;
　　});
});

Differenza tra i metodi html() e text():

$("#btn1").click(function(){
　　$("p").html("Voglio dire:　<b>Hello world</b>");
});
$("#btn2").click(function(){
　　$("p").text("Voglio dire:　<b>Hello world</b>");
});

Valore del parametro

Metodi HTML/CSS di jQuery