jQuery对象与原生js对象之间的转换

jQuery对象转原生js对象

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div></div>
    </body>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        console.log($('div')) //S.fn.init [div, prevObject: S.fn.init(1)]
    </script>
</html>

上面打印输出得到的是一个集合，要想得到Dom对象只需要再jQuery对象后面根据索引取到Dom对象

$('div')[0].innerHTML = 'jQuery'

这样就转换成功了，也可以使用原生js的方法和属性了

原生js对象转jQuery对象

只需要把原生对象放入jQuery集合里面

const div = document.querySelector('div')
$(div).html('原生js')