jQuery width() Metode
Voorbeeld
Gee die breedte van 'n <div>-element terug:
$("button").click(function(){
alert($("div").width());
});
Definisie en gebruik
Die width() metode stel of gee die breedte van die geselekteerde elemente terug.
Wanneer hierdie metode gebruik word om breedte terug te gee , gee dit die breedte van die EERSTE ooreenstemmende element terug.
Wanneer hierdie metode gebruik word om breedte te stel , stel dit die breedte van ALLE ooreenstemmende elemente.
Soos die prent hieronder illustreer, sluit hierdie metode nie opvulling, rand of marge in nie.
Verwante metodes:
- height() - Stel of gee die hoogte van 'n element terug
- innerWidth() - Wys die breedte van 'n element (sluit opvulling in)
- innerHeight() - Wys die hoogte van 'n element (sluit opvulling in)
- outerWidth() - Wys die breedte van 'n element (sluit opvulling en rand in).
- outerHeight() - Wys die hoogte van 'n element (sluit opvulling en rand in).
Sintaksis
Gee die breedte terug:
$(selector).width()
Stel die breedte:
$(selector).width(value)
Stel die breedte met behulp van 'n funksie:
$(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
|
Probeer dit self - voorbeelde
in Hoe om die breedte van 'n element te stel deur verskillende eenhede te gebruik.
te gebruik Hoe om 'n funksie te gebruik om die breedte van 'n element te verminder.
terug Hoe om die huidige breedte van die dokument en vensterelemente terug te gee.
Hoe om width(), height(), innerHeight(), innerWidth(), outerWidth() en outerHeight() te gebruik.
Hoe om die agtergrondkleur van die bladsy op kleiner skerms te verander.