区分dom对象和jQuery对象、jQuery对象的本质、jQuery对象和dom对象使用的区别和相互转换

区别dom对象和jQuery对象

dom对象：

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

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

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

4.createElement()方法创建的对象是dom对象

5.dom对象Alert效果为：object HTML 标签名Element

jQuery对象:

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

2.通过JQuery包装的dom对象是jQuery对象

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

4.jQuery对象Alert效果为：object object

通过id查询并使用Alert显示类型

 jQuery对象的本质

jQuery对象的本质是dom对象的数组 + jQuery提供的一系列功能函数

jQuery对象是dom对象的数组形式

如下所示：

通过对F12进入源码区域并对代码进行调试再刷新可看到

 jQuery对象和dom对象使用的区别和相互转换

jQuery对象和dom对象使用的区别：

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

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

jQuery对象和dom对象使用的相互转换:

1.dom对象转换为jQuery对象

        1.先有dom对象

        2.$(dom对象)即可转换为jQuery对象

2.jQuery对象转换为dom对象

        1.先有jQuery对象

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

dom对象转换为jQuery对象：

 

 jQuery对象转换为dom对象：