jQuery CSS - offset()-metodi

jQuery CSS ohjekirja

Esimerkki

Hanki <p> -elementin nykyiset etäisyyden koordinaatit:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

Kokeile itse

Määrittely ja käyttö

offset()-metodi palauttaa tai asettaa vastaavien elementtien etäisyyden (sijainnin) suhteessa dokumenttiin.

Palauttaa etäisyyden koordinaatit

Palauttaa ensimmäisen vastaavan elementin etäisyyden koordinaatit.

Tämä metodi palauttavan objektin sisältää kaksi kokonaislukuarvoa: top ja left, pisteinä. Tämä metodi toimii vain näkyvillä elementeillä.

Syntaksi

$(selector).offset()

Kokeile itse

Aseta etäisyyden koordinaatit

Aseta kaikki vastaavat elementtien etäisyyden koordinaatit.

Syntaksi

$(selector).offset(value)
Parametrit Kuvaus
value

Välttämätön. Määritä pisteinä laskettavat top ja left-koordinaatit.

Mahdolliset arvot:

  • Arvojen parit, kuten {top:100,left:0}
  • Objekti, jolla on top ja left-ominaisuudet

Kokeile itse

Käytä funktiota asettaaksesi etäisyyden koordinaatit

Käytä funktiota asettaaksesi kaikki vastaavat elementtien etäisyyden koordinaatit.

Syntaksi

$(selector).offset(function(index,oldoffset))
Parametrit Kuvaus
function(index,oldoffset)

Määritä palautettavan valitun elementin uuden etäisyyden koordinaattien funktio.

  • index - valinnainen. Hyväksyy valitsimen indeksin sijainnin
  • oldvalue - valinnainen. Hyväksyy valitsimen nykyiset koordinaatit.

Kokeile itse

Lisää esimerkkejä

Käytä objektia asettaaksesi uuden offset-arvon objektille
Käytä uuden objektin koordinoita elementin sijainnin määrittämiseen.
Käytä toisen elementin sijaintia asettaaksesi elementille uuden offset-arvon
Käytä olemassa olevan objektin sijaintia elementin sijainnin määrittämiseen.

jQuery CSS ohjekirja