Чӣ тавр кор мекунад усули find?

Методи find истифода мешавад барои ҷустуҷӯи элементҳо дар DOM. Он имкон медиҳад, ки элементҳоро дар асоси меъёрҳои гуногун интихоб кунед, масалан, селекторҳои CSS, ID, синфҳо, атрибутҳо, тегҳо ва дигарон.

Принсипи кор:

1. Ба унвони аргумент селектор (селектор CSS, селектор jQuery ва ғайра) мегирад.
2. Ҷустуҷӯро дар дохили маҷмӯи элементҳои jQuery (массиви элементҳо) ки ба онҳо метод find татбиқ мешавад, анҷом медиҳад.
3. Агар мувофиқатҳо пайдо шаванд, як объекти jQuery нав, ки ин элементҳоро дар бар мегирад, бармегардонад. Агар не, объекти холии jQuery бармегардонад.

Масалан:

Бигзор, ки мо коди HTML-и зеринро дорем:

<div id="container">
  <p class="item">Параграфи аввал</p>
  <p>Параграфи дуввум</p>
  <div class="item">Диви аввал</div>
</div>

Ва мо мехоҳем ҳамаи элементҳои бо синфи "item" дар дохили элементи бо ID "container" ёбем.

// JavaScript
$(document).ready(function() {
  var items = $('#container').find('.item');
  // items ҳоло ду объекти jQuery дорад: <p class="item"> ва <div class="item">
  console.log(items.length); // 2
});

Мавқеи муҳим:

• find танҳо дар дохили маҷмӯи ҳозираи элементҳо меҷӯяд, ин элементҳоро дар бар намегирад.
• Ин як усули қавӣ барои ҷустуҷӯи муфассал дар дохили контексти DOM-и махсус мебошад.
• Аз усулҳое монанди $(селектор) фарқ мекунад, ки дар тамоми ҳуҷҷат меҷӯянд.