jQuery CSS పరిచయం - offset() పద్ధతి

jQuery CSS పరిచయం పరిపూర్వక సంఖ్యలు

ఉదాహరణ

ప్రస్తుత ప్రాంతాన్ని పొందండి <p> వస్తువు యొక్క ఆఫ్సెట్:

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

స్వయంగా ప్రయత్నించండి

నిర్వచనం మరియు వినియోగం

offset() పద్ధతి అనుగుణ వస్తువులకు పత్రానికి సంబంధించిన ఆఫ్సెట్ (స్థానం) కోణాలను తిరిగి ఇవ్వబడినది లేదా అమర్చబడినది.

ఆఫ్సెట్ కోణాలను తిరిగి ఇవ్వబడినది

మొదటి అనుగుణ వస్తువు యొక్క ఆఫ్సెట్ కోణాలను తిరిగి ఇవ్వబడినది.

ఈ పద్ధతి ద్వారా తిరిగివచ్చే వస్తువులో రెండు పరిమాణాత్మక అట్రిబ్యూట్లు ఉన్నాయి: top మరియు left, పిక్సెల్లలో. ఈ పద్ధతి మాత్రమే కనిపించే వస్తువులకు అనువందిస్తుంది.

సంకేతం

$().offset()

స్వయంగా ప్రయత్నించండి

ఆఫ్సెట్ కోణాలను అమర్చండి

అన్ని అనుగుణ వస్తువుల ఆఫ్సెట్ కోణాలను అమర్చండి.

సంకేతం

$().offset(value)
పరామితులు వివరణ
value

అత్యవసరం. పిక్సెల్లలో టాప్ మరియు లెఫ్ట్ కోణాలను నిర్దేశించండి.

సాధ్యమైన విలువలు:

  • విలువలు, ఉదాహరణకు {top:100,left:0}
  • టాప్ మరియు లెఫ్ట్ అట్రిబ్యూట్లతో వస్తువు

స్వయంగా ప్రయత్నించండి

ఫంక్షన్ ద్వారా ఆఫ్సెట్ కోణాలను అమర్చండి

ఫంక్షన్ ద్వారా అన్ని అనుగుణ వస్తువుల ఆఫ్సెట్ కోణాలను అమర్చండి.

సంకేతం

$().offset(function(index,oldoffset))
పరామితులు వివరణ
function(index,oldoffset)

ఎంపికలకు ప్రతిపాదించబడిన కొత్త ఆఫ్సెట్ కోణాలను తిరిగి ఇవ్వబడిన ఫంక్షన్.

  • index - ఎంపికలు. ఎంపికకు ఇండెక్స్ స్థానాన్ని అంగీకరిస్తుంది
  • oldvalue - ఎంపికలు. ఎంపికకు ప్రస్తుత కోణాలను అంగీకరిస్తుంది.

స్వయంగా ప్రయత్నించండి

మరిన్ని ఉదాహరణలు

వస్తువును వినియోగించడం ద్వారా వస్తువుకు కొత్త ఆఫ్సెట్ విలువలను అమర్చండి.
కొత్త వస్తువులోని కోణాలను వినియోగించడం ద్వారా వస్తువును స్థానం చేయండి.
మరొక వస్తువు యొక్క స్థానాన్ని వినియోగించడం ద్వారా వస్తువుకు కొత్త ఆఫ్సెట్ విలువలను అమర్చండి.
ఎక్కడికి అంటే ప్రస్తుత వస్తువు యొక్క స్థానాన్ని వినియోగించండి.

jQuery CSS పరిచయం పరిపూర్వక సంఖ్యలు