Kaip veikia find metodas?

find metodas naudojamas elementų paieškai DOM'e. Jis leidžia pasirinkti elementus pagal įvairius kriterijus, tokius kaip CSS selektoriai, ID, klases, atributai, žymės ir kt.

Veikimo principas:

1. Priima kaip argumentą selektorių (CSS selektorius, jQuery selektorius ir kt.).
2. Atlieka paiešką viduje pasirinkto jQuery elementų rinkinio (elementų rinkinys), kuriam taikomas find metodas.
3. Jei randami atitikmenys, grąžina naują jQuery objektą, kuris apima šiuos rastus elementus. Jei ne, grąžina tuščią jQuery objektą.

Pavyzdys:

Tarkime, turime šį HTML kodą:

<div id="container">
  <p class="item">Pirmas paragrafas</p>
  <p>Antrasis paragrafas</p>
  <div class="item">Pirmas div</div>
</div>

Ir norime rasti visus elementus su klase "item" viduje elemento su ID "container".

// JavaScript
$(document).ready(function() {
  var items = $('#container').find('.item');
  // items dabar turi du jQuery objektus: <p class="item"> ir <div class="item">
  console.log(items.length); // 2
});

Svarbūs punktai:

• find ieško tik viduje esamo elementų rinkinio, neįtraukiant šių elementų paties.
• Tai galingas metodas detaliems paieškai konkrečiame DOM kontekste.
• Skiriasi nuo metodų kaip $(selektorius), kurie ieško visame dokumente.