dom对象和jquery对象之间的关系。

dom对象和jquery对象之间的关系。

  1.什么是dom对象;

  

  document.getElementById();

  document.getElementByName();

  document.getElementByTagName();

  以上方法获取到的都是dom对象

  

  2.什么是jQuery对象

   使用我们之前学习的选择得到的都是一个jquery对象

  3.关系

  dom 对象只能使用dom相关属性和方法

  jQuery对象只能使用jQuery中定义好的属性和方法

  以下的引用方法是错误的。

  $('img').onclick

  $('img').src

  document.getElementById('div1').html();

  document.getElementById('div1').attr();

  jQuery对象其实就是一个数组

  数组下的每个元素都是选择器匹配到的dom元素

  所以说，元素本身是一个dom对象

  jQuery对象实际是由若干个dom对象组成的

 

  document.getElementById(div1)等价于$('#div1')

  只不过一个是dom对象 一个是jquary 对象

  4.问题

  两种对象之间能不能互相调用彼此的属性和方法

  举例：

  我们得到一个dom对象，但我觉得jquery下的方法比较好用

  我们得到一个jquary对象，但对jquery下的某些方法不熟悉，像调用dom方法

  5.解决 

  jQuery对象转换为dom对象

  jQuery[0]

  jQuery.get(0)

  比如说有一个div标签

  var $div = $('div');

  $div[2].innerHTML='测试';//$div就是dom对象了

  $div[2].style.color='red';

  

  dom对象转换成jquery对象

  $(dom)