dom对象和jQuery对象(学习记录)

dom对象

1. 什么是dom对象

• dom对象就是用原生的js选择器获取到的对象

let  div1 = document.getElementById('div1');//获取到的就是dom元素
let div = document.getElementsByTagName('div');
 console.log(div, div1);

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

什么是jQuery对象

1. 什么是jQuery对象

• jQuery对象就是使用jQuery方法获取到的对象
• 用jquery获取到的是伪数组 里面放着对象

 console.log($('div'));

注意 jQuery对象不能使用bom对象的属性和方法

jQuery对象和dom对象的转换

//*************jquery对象转dom对象***************
//这是一个jQuery对象
let $div = $('div')
//把这个jQuery对象转换成dom对象 (我们已经知道了用jquery获得的是一个伪数组所以可以用下标的方式来进行取值转换)
//转换成dom对象
let div = $div[0]

//*************分割线*****************
//*************dom对象转jquery对象***************
let box = document.getElementById('#box');
//转换jquery对象
$(box);