jquary对象和DOM对象的联系及转化

Posted 2020-10-21 麦兜家园

jquary对象和DOM对象的联系：

DOM对象：DOM对象就是js对象，用 js的方法获取到的元素

document.getElementById();
document.getElementByName();
document.getElementByTagName();
//以上方法获取到的都是dom对象

jquary对象：用jquary的方法获取到的元素。

　　　　      jquary对象实际就是一个拥有多个DOM对象组成的伪数组。

var $a =$("#a") ;

DOM对象和jquary对象的区别和联系：

1、DOM对象不能调用jquary对象。

2、jquary对象也不能调用DOM对象。

jquary对象实际就是一个拥有多个DOM对象组成的伪数组。数组下的每个元素都是选择器匹配到的dom元素所以说，元素本身是一个dom对象

document.getElementById(div1) 
$(‘#div1‘)
//上面二者相等，只不过一个是dom对象 一个是jquary 对象

DOM对象和jquary对象之间的转变以及互相调用彼此的属性和方法

1、jQuery对象转换为dom对象：

 //jquary对象转为dom对象，转化后就可以用dom对象的方法了。
 jQuery[0]
 jQuery.get(0)

  var $div = $(‘div‘);
  $div[2].innerhtml=‘麦兜‘;  //$div就是dom对象了
  $div[2].style.color=‘red‘;

//转换后，就可以任意使用jQuery的方法了。

2、dom对象转换为jQuery对象：

 $(dom)  //dom对象前加$符号就转化为了jquary对象了

var a=document.getElementById("a"); //DOM对象 
var $a=$(a); //jQuery对象 
//转换后，就可以任意使用jQuery的方法了。 

好了，就是这样了！