jQuery对象和DOM对象

使用document获取得到的对象为dom对象，而使用jquery获取的对象为JQuery对象。

DOM对象

DOM对象是我们用传统的方法（JavaScript）获得的对象

jQuery对象

jQuery对象就是用jQuery的类库选择器获得的对象,需要引入js文件

联系

Query对象就是通过jQuery包装DOM对象后产生的对象

区别

JQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；

    <span id = "aa"> 学而思<span>sss</span></span>
    <span class ="nn mm" > ss aa </span>
    <span class = "nn"> nnn</span>
	
   var test = document.getElementById("aa");/对象test为dom对象
   console.log("test",test.innerHTML);/通过dom对象获取文本加内标签内容
   
   var test01 = $("#aa");/对象test01为jQuery对象
   console.log("test01 ",test01.html());/通过jQuery对象test01 调用html()方法，得到和上面dom对象调用   innerHTML属性相同的值
   
   console.log("test",test.textContent);/通过dom对象获取所有标签中文本内容
   console.log("test01",test01.text())/通过jQuery对象test01 调用text()方法,结果与上相同。

JQuery对象转换成Dom对象：

console.log("test01",test01.get(0).innerHTML);/这个方法是由Jquery方法提供的，使用Jquery的  .get(i)方法，就可以得到相应的DOM对象。

DOM对象和JQuery对象的转换：

console.log("test",$(test).html());

使用document.getElementsByClassName(“ClassName”)方法，得到多个元素;

var test2 = document.getElementsByClassName("nn");/得到class选择器所有包含nn的标签里的内容
var test3 = document.getElementsByClassName("mm");/得到包含mm的标签里的内容	

使用document.getElementsByTagName(“TagName”)方法，获得tagname中的所有元素

var test4 = document.getElementsByTagName("span");获得tspan标签中的所有元素

页面加载完执行操作

$( function() {//jQuery对象
}）
 window.onload = function(){//dom对象
 	 console.log("test");
  }