Селекторы jQuery

Выбор по ID

$('#test');

Выбор по классу

$('.test');

Выбор по нескольким селекторам

$('.test.blue'); - содержат селекторы test и blue

Выбор по нескольким селекторам

$('.test, blue'); - содержат селекторы test или blue

Выбор по тегу

$('div');

Выбор по тегу и по классу

Тег должен стоять впереди

let a = $('div.test');

Селекторы по иерархии

$('div p') - выбираются все элементы p тега div, которые являются потомками div

$('div>p') - выбираются все элементы p тега div, которые являются первыми потомками div

$('div+p') - выбираются все элементы p непосредственно перед которым стоит div

$('div~p') - выбираются все элементы p непосредственно которым предшествует div

Селекторы по атрибутам

$('a[href="html"]') - выбираются элементы a, атрибут которых href содержит html

$('a[href^="html"]') - выбираются элементы a, атрибут которых href начинается на html

$('a[href$="html"]') - выбираются элементы a, атрибут которых href заканчивается на html

$('a[href!="html"]') - выбираются элементы a, атрибут которых href не содержит html