07.30《jQuery》——1.1DOM对和jQuery对象的转化

Posted 2020-12-26 justlive-tears

1.dom对象--->jQuery对象

$(DOM对象):是把DOM对象转化成JQuery对象

演示代码
//1.dom对象---->jQuery对象
var div1 = document.getElementById("div1");
var $div1 = $(div1);
alert($div1.html());// $div1.width()

jQuery对象实质就是map、关联数组

Dom对象是存到jQuery对象的第一个元素中

使用console.dir打印jQuery对象演示

模拟jQuery对象



2.把jQuery对象转化为DOM对象
//2.把jQquery对象--->dom对象
var $div = $("#div1");

//第一种方式
//var div = $div[0];//div是DOM对象
//第二种方式
var div = $div.get(0);
alert(div.innerHTML);


变量定义的规范:jQuery对象 前面要加$,dom对象不用加$