jQuery:n CSS:n käyttö - width()-menetelmä

jQuery CSS:n käyttöohje

Esimerkki

Aseta <p>-elementin leveys:

$(".btn1").click(function(){
  $("p").width(200);
});

Kokeile itse

Määritelmä ja käyttö

width()-menetelmä palauttaa tai asettaa vastaavien elementtien leveys.

Palauta leveys

Palauta ensimmäisen vastaavan elementin leveys.

Jos et aseta tälle menetelmälle parametreja, palautetaan vastaavien elementtien leveys pikseleinä.

Syntaksi

$(selector).width()

Kokeile itse

Aseta leveys

Aseta kaikkien vastaavien elementtien leveys.

Syntaksi

$(selector).width(length)
Parametrit Kuvaus
length

Valinnainen. Määritä elementin leveys.

Jos et määritä pituusyksikköä, käytetään oletusarvoista px-yksikköä.

Kokeile itse

Käytä funktiota asettaaksesi leveys

Käytä funktiota asettaaksesi kaikkien vastaavien elementtien leveys.

Syntaksi

$(selector).width(function(index,oldwidth))
Parametrit Kuvaus
function(index,oldwidth)

Määritä palautettava funktio, joka määrittää valittujen elementtien uuden leveyden.

  • index - valinnainen. Hyväksyy valitsimen indeksin sijainnin
  • oldvalue - valinnainen. Hyväksyy valitsimen nykyisen arvon.

Kokeile itse

Lisää esimerkkejä

Hanki dokumentti- ja ikkuna-elementtien leveys
Hanki document- ja window-elementtien nykyinen leveys width()-menetelmällä.
Aseta leveys em- tai %-arvoilla
Aseta elementin leveys määritetyn pituusyksikön avulla.

jQuery CSS:n käyttöohje