一，二者的区别
通过 jQuery 获取的元素是一个数组，数组中包含着原生JS中的DOM对象。
总结：jQuery 就是把 DOM 对象重新包装了一下，让其具有了 jQuery 方法。
二，二者的相互转换
1、 DOM 对象 转为 jQuery对象：
$(js对象);
2、jQuery对象 转为 DOM 对象：
jquery对象[index]; //方式1（推荐） jquery对象.get(index); //方式2
jQuery对象转换成了 DOM 对象之后，可以直接调用 DOM 提供的一些功能。如：
$('div')[1].style.backgroundColor = 'yellow';
$('div')[3].style.backgroundColor = 'green';
总结：如果想要用哪种方式设置属性或方法，必须转换成该类型。
举例：
三.隔行换色
代码：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.3.1.js"></script> <script> //入口函数 jQuery(function () { var jqLi = $("li"); for (var i = 0; i < jqLi.length; i++) { if (i % 2 === 0) { //jquery对象，转换成了js对象 jqLi[i].style.backgroundColor = "pink"; } else { jqLi[i].style.backgroundColor = "yellow"; } } }); </script> </head> <body> <ul> <li>清风徐来</li> <li>清风徐来</li> <li>清风徐来</li> <li>清风徐来</li> <li>清风徐来</li> <li>清风徐来</li> </ul> </body> </html>