v3shin

$(document).on('change', '.selectClass', function() {
    console.log(this); // дальше работайте с this
});

Разнести изменение фона и появление галочки по разным классам.
При клике на таб убирать с активного таба класс с галочкой; кликнутому табу добавлять оба класса.

"Написанному верить". Если браузер пишет, что функция не определена - значит, она не определена. Как замену могу предложить разобраться с URLSearchParams.

Есть css-свойство order. Просто меняйте его в медиа-запросах.
https://developer.mozilla.org/ru/docs/Web/CSS/order

После изменения значения применяйте

dispatchEvent(new Event('input', {
    bubbles: true,
    cancelable: true,
}));

$('...').trigger('input') может не сработать.

element.innerHTML = textarea.value.replace(/\r/g, '').split('\n').map(str => str.trim() ? `<p>${str.trim()}</p>` : '').join('');

Примерно так. События и элементы пропишите свои.

<div class="images">
<div class="image">йа картинко 1</div>
<div class="image">йа картинко 2</div>
<div class="image">йа картинко 3</div>
</div>
<button id="shuffle">Перемешать</button>

<script>
function shuffle(a){for(var e=a.length;e&&--e;){var t=a[e],n=Math.floor(Math.random()*(e+1));a[e]=a[n],a[n]=t}return a}

document.getElementById('shuffle').addEventListener('click', () => {
    let imagesContainer = document.querySelector('.images'),
        images = [...imagesContainer.querySelectorAll('.image')];
    shuffle(images).forEach(image => {
        imagesContainer.appendChild(image);
    });
});
</script>

https://jsfiddle.net/95uL6nsb/1

Так работает?

$('div[contenteditable="true"]').parents().andSelf().trigger('input');