jQuery बारी तरीका - offsetParent() विधि

jQuery बारी तरीका पुस्तक

उदाहरण

क्लास नाम item-a वाले li एलीमेंट के निकटतम स्थानांतरण मूल एलीमेंट के पृष्ठभूमि रंग को सेट करें:

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

स्वयं प्रयोग करें

विभावना और उपयोग

offsetParent() विधि विशिष्ट स्थानांतरण पूर्ववर्ती एलीमेंट प्राप्त करती है。

व्याकरण

.offsetParent()

विस्तृत व्याख्या

यदि एक DOM एलीमेंट सेट को प्रस्तुत करने वाला jQuery ऑब्जेक्ट दिया गया है, .offsetParent() विधि DOM ट्री में एलीमेंट के पूर्ववर्ती को खोजने की अनुमति देती है और एक jQuery ऑब्जेक्ट का निर्माण करती है जो निकटतम स्थानांतरण पूर्ववर्ती एलीमेंट से घिरा है।स्थानांतरण एलीमेंट का अर्थ है, एलीमेंट के CSS position गुण को relative, absolute या fixed रखा है।एक प्रदर्शन एनिमेशन के लिए अफ़सेट की गणना करते हैं या पृष्ठ पर वस्तु को स्थापित करते हैं तो यह जानकारी काफी उपयोगी होती है。

सोचें कि बुनियादी गहन लिस्ट वाले पृष्ठ है, जिसमें स्थानांतरण एलीमेंट हैं:

<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');

स्वयं प्रयोग करें

यह विशिष्ट परिणाम के पृष्ठभूमि रंग को बदलेगा。

jQuery बारी तरीका पुस्तक