$("#bigstar")[0] 和$("#bigstar")的区别

知道这两种形式的区别，但是说不清楚。
输出过两种形式如下

红色框是$("#bigstar")[0] 的输出结果，它选中的是id为bigstar的对象
黄色框是$("#bigstar") 的输出结果，它和$(".bigstar")的输出是一样的

请大神帮我专业的解释一下

---

前者dom对象，后者jq对象；前者可以调用js方法，后者调用jq方法，参见
jquery对象与js对象的相互转换

---

前者是document对象，后者是jquery对象