[jQuery] :data selector Opcje

[Tomplus]

Witam,

tradycyjnie eksperymentalną paczkę przygotowałem na JSFiddle, https://jsfiddle.net/dLa81ja8/1/
a mam pytanie co do :data() Selector

Nie wiem, może czegoś nie rozumiem, więc proszę o naprowadzenie, ale zgodnie z tym co rozumiem wystarczy wskazać atrybut data-* aby jQuery mógł operować na danym obiekcie?

np.: selecotry #one & #three otrzymują atrybut data-color, a dalej w pętli each tworzone są atrybuty style aby dodać background-color:
Więc jak to jest że nadając wcześniej data-color, nie zadziała mi ten atrybut? W moim przykładzie z fiddla to data-del

[JAVASCRIPT] pobierz, plaintext 
$( "#one" ).data( "color", "blue" );
$( "#three" ).data( "color", "green" );
 
$( ":data(color)" ).each(function() {
  var element = $( this );
  element.css( "backgroundColor", element.data( "color" ) );
});
[JAVASCRIPT] pobierz, plaintext 

[Tomplus]

No właśnie,
tego nie przeoczyłem, ale nie zrozumiałem bezwzględnie tego fragmentu.

Ale podsumowując:
Nie da się korzystać z :data Selector gdy sami deklarujemy atrybut tagu html?