jQuery CSS ਓਪਰੇਸ਼ਨ - offset() ਮੇਥਡ

jQuery CSS ਪ੍ਰਕਾਸ਼ਨ ਮੈਨੂਅਲ

ਉਦਾਹਰਨ

ਪ੍ਰਤਿਸ਼ਠਿਤ <p> ਇਲੈਕਟਰਨ ਦੀ ਮੌਜੂਦਾ ਸਥਾਨਿਕ ਨਾਪਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ:

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

ਆਪਣੇ ਅਕਸ਼ਰ ਵਿੱਚ ਕਰੋ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

offset() ਮੇਥਡ ਮੇਲ ਖਾਂਦੇ ਇਲੈਕਟਰਨ ਦੇ ਸਥਾਨਿਕ ਸਥਾਨ ਨੂੰ ਵਾਪਰਦਾ ਹੈ

ਸਥਾਨਿਕ ਨਾਪਾਂ ਨੂੰ ਵਾਪਰਦਾ ਹੈ

ਪਹਿਲੇ ਮੇਲ ਖਾਂਦੇ ਇਲੈਕਟਰਨ ਦੀਆਂ ਸਥਾਨਿਕ ਨਾਪਾਂ ਨੂੰ ਵਾਪਰਦਾ ਹੈ

ਇਹ ਮੇਥਡ ਵਾਪਰਦਾ ਆਬਜਦ ਦੀਆਂ ਦੋ ਸੰਖਿਆਕ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ: top ਅਤੇ left ਨੂੰ ਪਿਕਸਲ ਵਿੱਚ ਸਮੇਤ ਕਰਦਾ ਹੈ।ਇਹ ਮੇਥਡ ਸਿਰਫ ਦਿਸ਼ਾ ਵਿੱਚ ਹੋਣ ਵਾਲੇ ਇਲੈਕਟਰਨਾਂ ਲਈ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੁੰਦਾ ਹੈ。

ਵਿਧੀ

$(selector).offset()

ਆਪਣੇ ਅਕਸ਼ਰ ਵਿੱਚ ਕਰੋ

ਸਥਾਨਿਕ ਨਾਪਾਂ ਨੂੰ ਸੈਟ ਕਰੋ

ਸਾਰੇ ਮੇਲ ਖਾਂਦੇ ਇਲੈਕਟਰਨਾਂ ਦੀਆਂ ਸਥਾਨਿਕ ਨਾਪਾਂ ਨੂੰ ਸੈਟ ਕਰੋ

ਵਿਧੀ

$(selector).offset(value)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
value

ਲਾਜ਼ਮੀ। ਪਿਕਸਲ ਵਿੱਚ top ਅਤੇ left ਨਾਪਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ

ਸੰਭਵ ਮੁੱਲ

  • ਮੁੱਲ ਜੋੜੇ ਜਿਵੇਂ {top:100,left:0}
  • top ਅਤੇ left ਅਕਾਰ ਵਾਲੇ ਆਬਜਦ

ਆਪਣੇ ਅਕਸ਼ਰ ਵਿੱਚ ਕਰੋ

ਫੰਕਸ਼ਨ ਦੀ ਮਦਦ ਨਾਲ ਸਥਾਨਿਕ ਨਾਪਾਂ ਨੂੰ ਸੈਟ ਕਰੋ

ਫੰਕਸ਼ਨ ਦੀ ਮਦਦ ਨਾਲ ਸਾਰੇ ਮੇਲ ਖਾਂਦੇ ਇਲੈਕਟਰਨਾਂ ਦੀਆਂ ਸਥਾਨਿਕ ਨਾਪਾਂ ਨੂੰ ਸੈਟ ਕਰੋ

ਵਿਧੀ

$(selector).offset(function(index,oldoffset))
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
function(index,oldoffset)

ਨਵੇਂ ਚੁਣੇ ਹੋਏ ਇਲੈਕਟਰਨ ਦੀਆਂ ਨਵੀਆਂ ਸਥਾਨਿਕ ਨਾਪਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨ ਵਾਲੇ ਫੰਕਸ਼ਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ

  • index - ਵਿਕਲਪੀ।ਚੋਣ ਕਰਨ ਵਾਲੇ ਸਰਕਟ ਦੀ index ਸਥਾਨ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ
  • oldvalue - ਵਿਕਲਪੀ।ਚੋਣ ਕਰਨ ਵਾਲੇ ਸਰਕਟ ਦੀ ਮੌਜੂਦਾ ਨਾਪਾਂ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ。

ਆਪਣੇ ਅਕਸ਼ਰ ਵਿੱਚ ਕਰੋ

ਹੋਰ ਉਦਾਹਰਨ

ਆਬਜਦ ਦੀ ਮਦਦ ਨਾਲ ਆਬਜਦ ਨੂੰ ਨਵਾਂ offset ਮੁੱਲ ਸੈਟ ਕਰੋ
ਨਵੇਂ ਆਬਜਦ ਵਿੱਚ ਨਾਪਾਂ ਦੀ ਮਦਦ ਨਾਲ ਇਲੈਕਟਰਨ ਨੂੰ ਸਥਾਨਿਤ ਕਰੋ。
ਹੋਰ ਇਲੈਕਟਰਨ ਦੀ ਸਥਿਤੀ ਦੀ ਮਦਦ ਨਾਲ ਇਲੈਕਟਰਨ ਨੂੰ ਨਵਾਂ offset ਮੁੱਲ ਸੈਟ ਕਰੋ
ਮੌਜੂਦਾ ਆਬਜਦ ਦੀ ਸਥਿਤੀ ਦੀ ਮਦਦ ਨਾਲ ਇਲੈਕਟਰਨ ਨੂੰ ਸਥਾਨਿਤ ਕਰੋ。

jQuery CSS ਪ੍ਰਕਾਸ਼ਨ ਮੈਨੂਅਲ