jQuery posługuje się selektorami css tzn. to co zapiszesz w: $('tutaj'), ma taką samą składnię jakbyś w pliku css pisał który element chcesz ostylować.
Przykład:
$('.jakisDiv').jakasFunkcja();
.jakisDiv { jakies style }
To jest to samo.
W css mamy możliwość wyszukiwania elementu po atrybucie: najpierw możesz podać klasę lub typ lub id itd. elementu, a następnie w nawiasach kwadratowych - jaki atrybut ma być równy czemu.
Przykład:
<div class="myDiv" data-id="1"></div>
<div class="myDiv" data-id="2"></div>
<div class="myDiv" data-id="3"></div>
.myDiv[data-id="2"] { color: red; }
Div o class="myDiv" i data-id="2" będzie miał czerwoną czcionkę.
Ta klasa, id, typ itd. na początku zawężają nam poszukiwania - jeśli byśmy mieli w dokumencie div'y o data-id="2" ale class="jakasInnaKlasa" to nie zostaną one ostylowane.
Poskładaj to sam :)