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

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的方法了。 

好了,就是这样了!

原文地址:https://www.cnblogs.com/web001/p/8325272.html