【HTML】「id」と「class」の本当の差

よく「idは1つしかない」「classは複数存在する」って書かれてる。
「じゃあ1つだった場合ってclassでいいんじゃない？気付かないで2つ目書いた場合は、どっちにしろ何かしら上手く動かなくなるんだしさ」
って思って調べてみた。

idも意味あるんだ。参考にしたのは以下のブログ。
http://hitokuse.com/blog/?p=75

結論としては「idの方が速い」とのこと。なので以下で実験。

 for (var i=0; i<10000; i++) { $("#test").css("color", "blue"); } 
 for (var i=0; i<10000; i++) { $(".test").css("color", "blue"); }

id : 42.4ms
class : 94.7ms

確かに結構差が出た。メモメモ