Jquery对象与JS（DOM）对象

喜欢用Jquery的同学应该经常碰到这样的问题
我们有时候要拿jquery的对象的时候，结果拿到的是DOM对象
着个时候就会报错

.xxx is not a function

有时候我们会怀疑jquery加载了没，
确认无误之后，我们发现是对象的问题

<div class='fieldBlockContainer'></div>
<div class='fieldBlockContainer'></div>
<div class='fieldBlockContainer'></div>
<div class='fieldBlockContainer'></div>
<div class='fieldBlockContainer'></div>

这个时候我们如果用

$('.fieldBlockContainer')[3].hide() //就会报上面说i的错误
$('.fieldBlockContainer').eq(3).hide()   //成功
$($('.fieldBlockContainer')[3]).hide()    //成功

我们打印出来

image.png

第二个是 $('.fieldBlockContainer')[3]
这是一个DOM对象

只要用$(dom)就能把DOM对象转化为 jquery对象