jquery id选择器与类选择器返回类型不同

问题遇到的现象和发生背景

使用jQuery获取某个table的rows数据时，使用id选择器无法获取，但使用类选择器则可行

问题相关代码

console.log($('.step-table')[0].rows)
console.log($('#workCard').rows)

运行结果及报错内容

我的解答思路和尝试过的方法

我打印各自返回的对象，发现id选择器返回的直接就是html内容，无法获取到rows

而用类选择器返回的就是jquery对象

为什么会有这样的差异？

补充：后续又发现了诡异一幕
我把两种方式放一起打印后，即

console.log($('.step-table')[0])
console.log($('#workCard'))

竟然id选择器返回了jQuery对象，类选择器返回html内容，即

但是结果还是原先的结果，id选择器仍不能打印rows
这是什么原理？

不用[0]

console.log($('.step-table'))
console.log($('#workCard'))

为什么id选择器选择不到jQuery对象，使用不了rows属性，即$('#workCard').rows