Metodo innerWidth() di jQuery

Metodi HTML/CSS di jQuery

Il metodo innerWidth() ottiene o imposta la larghezza interna dell'elemento selezionato (incluso padding, ma non margine e bordo).

Quando si utilizza il metodo innerWidth()Ottieniquando si imposta la larghezzaIl primo elemento selezionatolarghezza.

Quando si utilizza il metodo innerWidth()Impostarequando si imposta la larghezzaTutti gli elementi selezionatilarghezza.

Come mostrato nell'immagine seguente, il metodo innerWidth() include il padding, ma non include il margine e il bordo:

Il valore di larghezza può anche essere relativo. Se viene fornito un prefisso += o -=, il valore di destinazione viene calcolato aggiungendo o sottraendo il numero dato dal valore corrente (ad esempio innerWidth("-= 100"))

Sintassi:

Ottieni la larghezza interna:

$(selector).innerWidth()

Impostare la larghezza interna:

$(selector).innerWidth(value)

Esempio

Ottieni la larghezza interna dell'elemento DIV:

$("div").click(function(){
　　$(this).innerWidth();
});

Impostare la larghezza interna di tutti i paragrafi:

$("button").click(function(){
　　$("p").innerWidth(100);
});

Impostare la larghezza interna di tutti i paragrafi con unità diverse:

$("#btn1").click(function(){
　　$("p").innerWidth(100);
});
$("#btn2").click(function(){
　　$("p").innerWidth("10em");}}
});
$("#btn3").click(function(){
　　$("p").innerWidth("100vw");
});

Mostra la differenza tra width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight():

$("button").click(function(){
　　$("div").width();
　　$("div").innerWidth();
　　$("div").outerWidth();
　　$("div").height();
　　$("div").innerHeight();
　　$("div").outerHeight();
});

Valore del parametro

Metodi HTML/CSS di jQuery