Metodo outerWidth() jQuery

jQueryHTML/CSS方法

Il metodo outerWidth() ottiene o imposta la larghezza esterna dell'elemento selezionato (compresi padding e border).

outerWidth(truemetodo per ottenere o impostare la larghezza esterna dell'elemento selezionato (compresi padding, border e margini).

Quando si utilizza il metodo externalWidth()Ottieniquando si imposta la larghezza, restituiràIl primo elemento selezionatolarghezza.

Quando si utilizza il metodo externalWidth()Impostarequando si imposta la larghezza, imposteràTutti gli elementi selezionatilarghezza.

Come mostrato nell'immagine seguente, il metodo externalWidth() include il riempimento e i bordi:

Per includere i margini, utilizzare outerWidth(true).

Sintassi:

Ottieni la larghezza esterna:

$("selector").outerWidth()

Ottieni la larghezza esterna inclusi i margini:

$("selector").outerWidth(true)

Impostare la larghezza esterna:

$("selector").outerWidth(value)

示例

Ottieni la larghezza esterna dell'elemento DIV:

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

Ottieni la larghezza esterna dell'elemento DIV (compresi i margini):

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

Impostare la larghezza esterna di tutti i paragrafi:

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

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

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

显示width()，height()，innerHeight()，innerWidth()，outerWidth()和outerHeight()之间的差异：

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

参数值

jQueryHTML/CSS方法