使用jquery时候，控制台.each is not a function的报错的原因，解决办法以及$.each和.each的区别

在最近开发的时候，使用如下的代码的时候，会发现在控制台报错了。

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script>
    var bodyName = ["jack","bob","tom","alex"] ;
    bodyName.each(function (index,ele) {
        console.log(index,ele)
    })
</script>

调查查看each的文档发现，.each()是针对dom元素来说的。

当我们对对象或者数组进行循环遍历的时候，应该使用$.each()方法进行循环遍历，方法如下：
数组：

<script>
    var bodyName = ["jack", "bob", "tom", "alex"];
    $.each(bodyName,function (index,ele) {
        console.log(index,ele)
    })
</script>

对象：

<script>
    var bodyObj ={
        name:"bobo",
        age:"12",
        height:"150",
        weight:"78"
    };
    $.each(bodyObj,function (key,value) {
        console.log(key,value)
    })
</script>

控制台效果如图所示:

以上就是对each()和$.each()方法的区别和使用方法。