jQuery：jQuery对象和DOM对象互相转换

DOM对象转换为jQuery对象：
什么情况下需要将DOM对象转换为jQuery对象？
DOM对象想要使用jQuery对象中的方法或属性时
语法：$(DOM对象)

<div class="box"></div>
<script>
// 此时的box是DOM对象
let box = document.querySelector(".box");
// 转换为jQuery对象
$(box).hide(); 
</script>

jQuery对象转换为DOM对象(两种方法)：
什么情况下需要将jQuery对象转换为DOM对象？
jQuery对象想要使用DOM对象中的方法或属性时

// 第一种方法：jQuery对象[索引] 
<div class="box"></div>
<script>
// 此时$(".box")是jQuery对象
$(".box");
// 将$(".box")转换成DOM对象
$(".box")[0].style.backgroundColor = "pink";

// 第二种方法：jQuery对象.get(索引)   --- 不常用
$(".box").get(0).style.backgroundColor = "blue";
</script>