Часто использую в js

найти один элемент по тегу

var body = document.body;

определить наличие класса

tsmwid.classList.contains('open')

получить элемент по селектору

document.querySelector('.popupSubscribeButton')

Найти элементы(коллекция) по тегу

document.getElementsByTagName( "div" ); // находим элементы с тегом div

получить элемент по идентификатору

document.getElementById(m)

получить элемент по классу

document.getElementsByClassName('media');

получить элементы по селектору

document.querySelectorAll('.full-story-items');

а есть событие которое наступает позже чем DOMContentLoaded

Да, есть событие, которое наступает после события DOMContentLoaded. Это событие называется load. Событие load происходит, когда вся страница, включая все ресурсы (такие как изображения и стили), была полностью загружена.

window.addEventListener('load', function() {
  // Код, который будет выполнен после полной загрузки страницы
  const elements = document.querySelectorAll('.full-story-items');
  // Ваш код, который использует elements
});

как узнать что элемент скрыт $($(this).find(‘.story-label-span’))

      if (targetSpan.is(':hidden')) {
        console.log('Элемент скрыт');
      } else {
        console.log('Элемент видим');
      }

если нужно плавно показать элемент в течение 200мс

.show(200): Вызывает метод .show() для отображения элемента с анимацией длительностью 200 миллисекунд.