1.Query 对象只能使用 jQuery 方法, DOM 对象则使用原生js 属性和方法
2.因为原生js比jQuery 更大,原生的一些属性和方法jQuery 没有给我们进行封装,想要获取这些属性和方法需要把 jQuery 对象转换为 DOM 对象才能使用
jQuery 对象和 Dom 对象可以相互转化
1).dom对象转换为 jQuery 对象 : $(DOM对象)
2). jQuery 对象转换为 DOM 对象(两种方式)
$('div')[index] index 是索引号
$('div').get(index) index 是索引号
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery和dom对象但是相互转化</title>
<script src="../jquery.min.js"></script>
</head>
<body>
<div>我是盒子哦</div>
</body>
<script>
// 1. 获取 dom 元素
var x = document.querySelector("div");
// console.log(x);
// 2.将dom 元素转换为 jQuery 元素
$("x");
console.log($("x")); // 输出 S.fn.init(0)
// 3,将jQuery 对象转换为 dom 对象
// 3.1 第一种方式
$("div")[0];
console.log($("div")[0]); // 输出: <div>我是盒子哦</div>
// 3.2 第二种方式
$("div").get(0); // 里面的数组是下标
console.log($("div").get(0));
</script>
</html>