jQuery ਵਿਵਰਣ - offsetParent() ਮੱਥਦਾ

jQuery ਵਿਵਰਣ ਕਿਤਾਬ

ਉਦਾਹਰਣ

ਕਲਾਸ ਨਾਮ item-a ਵਾਲੇ li ਐਲੀਮੈਂਟ ਦੇ ਸਭ ਤੋਂ ਨਜ਼ਦੀਕੀ ਨਿਰਧਾਰਿਤ ਪੂਰਵਗਰਮੀ ਦਾ ਪਿੱਨ ਰੰਗ ਲਾਲ ਸੈੱਟ ਕਰੋ:

$('li.item-a').offsetParent().css('background-color', 'red');

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

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

offsetParent() ਨਿਰਧਾਰਿਤ ਪੂਰਵਗਰਮੀ ਦਾ ਸਭ ਤੋਂ ਨਜ਼ਦੀਕੀ ਪੂਰਵਗਰਮੀ ਮਿਲਾਉਂਦਾ ਹੈ。

ਗਣਨਾ

.offsetParent()

ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ

ਜੇਕਰ ਇੱਕ DOM ਐਲੀਮੈਂਟ ਕਲੈਸਟਰ ਦੇ ਪ੍ਰਤੀਕਸ਼ ਵਾਲਾ jQuery ਆਬਜੈਕਟ ਦਿੱਤਾ ਗਿਆ ਹੈ, .offsetParent() ਮੱਥਦਾ ਐਲੀਮੈਂਟ ਦੇ ਪੂਰਵਗਰਮੀ ਨੂੰ ਖੋਜਣ ਦੀ ਪ੍ਰਵਾਨਗੀ ਦਿੰਦਾ ਹੈ ਅਤੇ ਸਭ ਤੋਂ ਨਜ਼ਦੀਕੀ ਨਿਰਧਾਰਿਤ ਪੂਰਵਗਰਮੀ ਦੇ ਆਸ-ਪਾਸ ਇੱਕ jQuery ਆਬਜੈਕਟ ਬਣਾਉਂਦਾ ਹੈ। ਨਿਰਧਾਰਿਤ ਐਲੀਮੈਂਟ ਦੇ ਅਰਥ ਵਿੱਚ, ਐਲੀਮੈਂਟ ਦੇ CSS position ਪ੍ਰਾਪਤੀ ਰੇਲੀਵ, ਅਬਸੋਲਿਊਟ ਜਾਂ ਫਿਕਸਡ ਹੋਣਾ ਹੈ। ਇਹ ਪ੍ਰਦਰਸ਼ਨ ਐਨੀਮੇਸ਼ਨ ਲਈ ਆਫਸਟ ਕੈਲਕੂਲੇਸ਼ਨ ਜਾਂ ਪੰਨੇ 'ਤੇ ਆਬਜੈਕਟ ਲਗਾਉਣ ਲਈ ਬਹੁਤ ਉਪਯੋਗੀ ਹੁੰਦਾ ਹੈ。

ਸਾਧਾਰਨ ਨਾਨ-ਨਿਰਧਾਰਿਤ ਲਿਸਟ ਵਾਲੀ ਪੰਨੇ ਵਿੱਚ ਸਥਾਨਿਤ ਅਣੂਰਧਾਰਿਤ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰੇ ਸੋਚੋ:

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii" style="position: relative;">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

ਅਗਰ ਅਸੀਂ ਪ੍ਰੋਜੈਕਟ A ਤੋਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹਾਂ, ਤਾਂ ਅਸੀਂ ਉਸ ਦੇ ਨਿਰਧਾਰਿਤ ਪੂਰਵਗਰਮੀ ਨੂੰ ਮਿਲ ਸਕਦੇ ਹਾਂ:

$('li.item-a').offsetParent().css('background-color', 'red');

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਇਹ ਪਾਠ ਨਿਰਧਾਰਿਤ ਪ੍ਰੋਜੈਕਟ II ਦਾ ਪਿੱਨ ਰੰਗ ਬਦਲ ਦੇਵੇਗਾ。

jQuery ਵਿਵਰਣ ਕਿਤਾਬ