入门前端开始学习JQuery ——jQuery对象和DOM对象的转换

刚开始接触jq的时候，自己看了一些选择器的基本用法，就开始写代码了
比如

$("div").css('backgroundColor','red') 

并没有什么问题，后来div多了的时候

$("div")[0].css('backgroundColor','red') 错误写法

发现没效果，又查了手册，看到了get

$("div").get(0).css('backgroundColor','red') //错误写法

依旧没有效果，因为JQ的机制，他是不报错的
后来看锋利的Jquery

jQuery对象不能使用DOM中的方法，但如果对jQuery对象所提供的方法不熟悉，或者jQuery没有封装想要的方法，不得不只用DOM对象的时候，有以下两种处理方法。
jQuery提供了两种处理方法，将一个jQuery对象转换成DOM对象
1、[index] 2、get(index)
---------------锋利的jQuery

let $cr = $('#cr')     			//jQuery对象
let cr  = $cr[0] 				//DOM对象
cr.checked   					//检测这个checkbox 是否被选中

let $cr = $('#cr')     			//jQuery对象
let cr  = $cr.get(0) 				//DOM对象
cr.checked   					//检测这个checkbox 是否被选中

这就直接解决了之前的疑惑。首先得弄清楚哪个是dom对象、哪个是jq对象！

平时用到的jQuery对象都是通过$()创建出来的，$()就是一个jQuery对象的制造工厂！