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')