jqueryの$("#")とjsのdocument.getElementById(“”)

ずっとjqueryの中の$("#")とjsの中のdocumentと思っています.getElementById(""")は同じでしょうが、html 5を書いている間に問題に遭遇しました.

var c1 = document.getElementById("canvas");
var c2 = $("#canvas");
alert(c1==c2);

上記のコードのalert結果はfalseです.ネットでブログを見て、原因を見つけた.
Jqueryで選択したパッケージセットで返されるのはJqueryオブジェクトでdocument.getElementByIDはDOMオブジェクトを返しますが、オブジェクトが異なる以上、メソッドを混用することはできません.簡単に言えば、Queryオブジェクトはデータオブジェクトであり、[index]の方法で対応するDOMオブジェクトを得ることができる.既にDOMオブジェクトである場合、DOMオブジェクトを$()でパッケージするだけで、jQueryオブジェクトを得ることができます.$(DOMオブジェクト).
したがって,上記のコードでは,$()の後に[0]を1つ加えるだけでDOMオブジェクトを得ることができる.また、jqueryオブジェクトは用いることができる.each()は、それぞれを遍歴します.