The Attribute "id" provides an handle to an element, class can't
override id attribute,
but can add additional properties. The class attribute can be used as group,
but
JQuery can use id attribute as a
handle to alter other attribute values, $("[id=x3]").removeClass('x3');
This example shows the followings:
- when you duplicate attribute name, like class="x1" class="x2",
the properties of first one will be realized, ignoring the last ones.
- When the attribute-values are same, like <div class="x1" id="x1">
the values set with id attribute prevails
- Id prevails over class: <div id="x2" class="class1">
- F= Does not exists; T= Exists
re-load()||Reinforce jQuery :in Div1
  :
1:class(F=x1):
class(T=Red)
2 class(T=Blue):
3:class(T=Red):
class(T=Blue)
4:class(T=Blue):
id(T=Gray)
5:id (T=Orange):
class(T=Blue)