jQuery（尚硅谷）笔记----------03

4.jQuery对象和dom对象区分

4.1什么是jQuery对象，什么是dom对象

Dom对象

1.通过getElementById()查询出来的标签对象是Dom对象

2.通过getElementByName()查询出来的标签对象是Dom对象

3.通过getElementByTagName()查询出来的标签对象是Dom对象

4.通过createElement()方法创建的对象，是Dom对象

DOM对象Alert出来的效果是：【object HTML标签名 Element】

jQuery对象

1.通过jQuery提供的API创建的对象是jQuery对象

2.通过jQuery包装的Dom对象，也是jQuery对象

 3.通过jQuery提供的API查询的对象是jQuery对象

jQuery对象Alert出来的效果是：[object Object] 

4.2 问题;jQuery对象的本质是什么？

 打印结果：

 

由结果我们可以知道，有两个button标签，我们通过标签查询到的jquery对象打印出的类型仍然是dom类型。 我们可以来回答这个问题：

jQuery对象是dom对象的数组   

jQuery提供的一系列功能的函数。

 4.3 jQuery对象和Dom对象使用区别

jQuery对象不能使用Dom对象的属性和方法

Dom对象也不能使用jQuery对象的属性和方法

4.4Dom对象和jQuery对象互转

1.dom对象转化为jQuery对象（重点）

1.先有dom对象

2.${DOM对象}就可以转换成为jQuery对象

 2.jQuery对象转换成dom对象（重点）

1.先有jQuery对象

2.jQuery对象[下标]取出响应的dom对象

例：

 x先写一个dom对象：

 打印：

 我们把dom对象放到核心函数中去：

打印结果：

 

这时dom对象就变成jQuery对象了。

那我们怎么把jQuery对象变成dom对象呢？

我们给jQuery对象加上下角标

 打印结果：

 这样我们就把jQuery对象转换成dom对象了。