Exemplu
Readuceți lățimea unui <div> Element:
$("button").click(function(){
alert($("div").width());
});
Încearcă - l singur » Definiție și utilizare
De width() seturi de metode sau returnează lățimea elementelor selectate.
Când se folosește această metodă pentru a reveni lățime, returnează lățimea elementului potrivit FIRST.
Când se folosește această metodă pentru a seta lățimea, aceasta stabilește lățimea tuturor elementelor potrivite.
Așa cum imaginea de mai jos ilustrează, această metodă nu include, chenarul sau o marjă.
Metode asemanatoare:
- height() - Setează sau returnează înălțimea unui element
- innerWidth() - Returnează lățimea unui element (includes padding)
- innerHeight() - Returnează înălțimea unui element (includes padding)
- outerWidth() - Returnează lățimea unui element (includes padding and border) de (includes padding and border) .
- outerHeight() - Returnează înălțimea unui element (includes padding and border) de (includes padding and border) .
Sintaxă
Întoarcere lățimea:
$( selector ) . width()
Setați lățimea:
$( selector ) . width( value )
Setați lățimea utilizând o funcție:
$( selector ) . width(function (index,currentwidth) )
| Parametru | Descriere |
|---|---|
| value | Necesar pentru setarea lățime. Specifică lățimea în px, em, pt, etc unitate implicită este px |
| function (index,currentwidth) | Opțional. Specifică o funcție care returnează noua lățimea elementelor selectate
|
Încearcă-l singur - Exemple
Setați lățimea unui element
Cum se setează lățimea unui element utilizând unități diferite.
Scade lățimea utilizând o funcție
Cum se utilizează o funcție pentru a reduce lățimea unui element.
Întoarcere lățimea elementelor documentului și a ferestrelor
Cum să se întoarcă lățimea curentă a elementelor documentului și a ferestrelor.
Arată dimensiuni cu metode conexe
Cum se folosește width(), height() , innerHeight() , innerWidth() , outerWidth() și outerHeight() .
Proiectare Sensibilă cu width()
Cum se schimba culoarea de fundal a paginii pe ecrane mai mici.