.children の使い方がいまいち理解できないため、ご教示ください。

今回の動画内で ul.children の存在をはじめて知り調べてみたところ、
子要素をすべて取得できるようでした。

しかし、何度調べても ul.children がしっかり理解ができずに困っています。
調べていると HTMLCollection が出てきましたが、理解できていません。

.children は
・どのようなときに使用するのか querySelectort や他の取得するものとの使い分け
・コードを使用した具体的な例
をご教示いただけれれば幸いです。

よろしくお願いいたします。