首页 > 代码库 > DOM对象和jQuery对象

DOM对象和jQuery对象

1、DOM对象

   Document Object Model,文档对象模型。通过html Dom可访问所有元素

  获取方法有:1.通过id找到元素 document.getElementById("id")

        2.通过标签名找到元素对象集合  document.getElementsByTagName("");

          3.通过名称找到元素对象集合  document.getElementsByName(name);

 

 2、jQuery对象

  通过jQuery包装DOM对象后产生的对象,是jQuery独有的。如果一个对象是jQuery对象,那么就能使用jQuery里的方法。

 

注:jQuery对象无法使用Dom对象的任何方法,反之同样。

两者可以通过相互转换来使用该对象的方法。

  1.Dom对象转成jQuery对象

    对于一个DOM对象,只需要用$()把dom对象包装起来,就可以获得一个jQuery对象

var domObj = document.getElementById("zero"); //dom对象var $zero = $(domObj); //jQuery对象

 

  2.jQuery对象转成Dom对象

    1.jQuery对象是一个数组对象,可以通过[index]的方法得到Dom对象

var $zero = $("#zero");var zero = $zero[0];console.log(zero.innerHTML);

    2.通过get(index);

var $top = $(".top");var top = $top.get(0);console.log(top.innerHTML);

 

DOM对象和jQuery对象