jQuery width() Methode

Retourneer de breedte van een <div> -element:

$("button").click(function(){
alert($("div").width());
});

Definitie en gebruik

De methode width() stelt de breedte van de geselecteerde elementen in of geeft deze terug.

Wanneer deze methode wordt gebruikt om de breedte te retourneren , wordt de breedte van het EERSTE overeenkomende element geretourneerd.

Wanneer deze methode wordt gebruikt om de breedte in te stellen , wordt de breedte van ALLE overeenkomende elementen ingesteld.

Zoals de onderstaande afbeelding illustreert, bevat deze methode geen opvulling, rand of marge.

jQuery-afmetingen

Gerelateerde methoden:

height() - Stelt de hoogte van een element in of geeft deze terug
innerWidth() - Geeft de breedte van een element terug (inclusief opvulling)
innerHeight() - Retourneert de hoogte van een element (inclusief opvulling)
outerWidth() - Geeft de breedte van een element terug (inclusief opvulling en rand).
outerHeight() - Retourneert de hoogte van een element (inclusief opvulling en rand).

Geef de breedte terug:

$(selector).width()

Stel de breedte in:

$(selector).width(value)

Stel de breedte in met een functie:

$(selector).width(function(index,currentwidth))

Parameter	Description
value	Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px
function(index,currentwidth)	Optional. Specifies a function that returns the new width of selected elements index - Returns the index position of the element in the set currentwidth - Returns the current width of the selected element

instellen Hoe de breedte van een element in te stellen met verschillende eenheden.

Een functie gebruiken om de breedte van een element te verkleinen.

retourneren De huidige breedte van de document- en vensterelementen retourneren.

Hoe width(), height(), innerHeight(), innerWidth(), outerWidth() en outerHeight() te gebruiken.

Hoe de achtergrondkleur van de pagina op kleinere schermen te veranderen.