jQuery పరిశీలన - children() మాదిరి

jQuery పరిగణన సంక్షిప్త పత్రం

ఇన్స్టాన్స్

ప్రతి క్లాస్ పేరు "selected" కలిగిన అన్ని div కుమారులను పారదర్శకంగా చేసి నీలపచ్చని రంగులో చేయండి:

$("div").children(".selected").css("color", "blue");

మీరే ప్రయత్నించండి

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

children() పద్ధతి అన్ని ఎంపికకర్త అంశాలను అన్ని ప్రత్యక్ష ఉపనిరుత్తులను తిరిగిస్తుంది.

సంరచన

.children(selector)
పారామీటర్ వివరణ
selector స్ట్రింగ్ విలువ, అన్ని అంశాలను సరిపోయే ఎంపికకర్త వ్యాక్యానం కలిగి ఉంటుంది.

వివరణ

ప్రదత్త డామ్ ఎలంట్ కలిగిన జూన్ ప్రాధమిక విధానం అయితే, .children() పద్ధతి అన్ని డామ్ ఎలంట్స్ ను పరిగణించి, అన్ని అంశాలను పొంది, అన్ని అంశాలను సరిపోయే అంశాలను కలిగిన నూతన జూన్ ప్రాధమిక విధానం నిర్మిస్తుంది..find() మరియు .children() పద్ధతులకు సమానంగా, కానీ ఆఖరుగా ఒక పద్ధతి మాత్రమే అనుసరిస్తుంది.

అనేక జూన్ పద్ధతులలో వంటిది, .children() పద్ధతి అన్ని పద్ధతులు టెక్స్ట్ నోడ్స్ ను పునఃచేయలేదు; టెక్స్ట్ మరియు కమెంట్ నోడ్స్ కలిగిన అన్ని ఉపనిరుత్తులను పొందడానికి .contents() పద్ధతిని వాడండి.

ఈ పద్ధతి ఒక ఎంపికకర్త వ్యాక్యాన్ని ఆప్షనల్ పారామీటర్ గా అంగీకరిస్తుంది, ఇది $() కు పంపబడిన పారామీటర్ రకం తో అదే ఉంటుంది. ఎంపికకర్తను వాడితే, పరీక్షించబడుతుంది అందుకు ప్రాధమిక విధానం అన్ని అంశాలు ఈ వ్యాక్యానంతో సరిపోయేలా అడుగుతుంది.

ఈ మూలభూత నిర్వహణ కలిగిన పేజీని అనుకుంటూ చింతించండి:

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">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>

మీరే ప్రయత్నించండి

మేము level-2 జాబితా నుండి మొదలుపెడితే, దాని ఉపనిరుత్తులను కనుగొనగలం:

$('ul.level-2').children().css('background-color', 'red');

ఈ కోడ్ ఫలితం అనుగుణంగా, ప్రాజెక్ట్ A, B, C ఎరుపు బ్యాక్‌గ్రౌండ్ పొందుతాయి. మనం ఎంపికకర్త వ్యాక్యాన్ని వాడలేకపోతే, పునఃచేయబడిన జూన్ ప్రాధమిక విధానం అన్ని ఉపనిరుత్తులను కలిగి ఉంటుంది. ఒక ఎంపికకర్తను వాడితే, మాత్రమే సరిపోయే ప్రాజెక్టులను కలిగి ఉంటుంది.

jQuery పరిగణన సంక్షిప్త పత్రం