Gov.uk drops jQuery from their front end(web.dev)

    const $ = (selector, parent = document) => parent.querySelector(selector);
    const $$ = (selector, parent = document) => parent.querySelectorAll(selector);

    document.querySelectorAll('a').forEach(tag => {
      // operate on tag
    })

  export const hideElementById = (elementId) => {
    document.getElementById(`#${elementId}`).style.display = 'none'
  };

  export const toggleElementById = (elementId) => {
    const element = document.getElementById(`#${elementId}`);

    const newDisplayValue = element.style.display === 'none' ? 'block' : 'none';

    element.style.display = newDisplayValue;
  };

  $.getJSON('/my/url')
    .done(data => {
      // success
    })
    .fail((jqxhr, textStatus) => {
      if (textStatus === 'timeout') {
        // connection error
      } else {
        // HTTP status error
      }
    })

  fetch('/my/url')
    .then(response => {
      if (!response.ok) {
        // HTTP status error
      }
      return response.json()
    })
    .then(data => {
      // success
    })
    .catch(error => {
      // connection error
    })

    $(".something").parent().append($("<button />").text("click me").click(fn));