二、jQuery对象和DOM对象

一、DOM对象

1. 用原生JavaScript获取的DOM对象。通过document.getElementById() 返回的是元素(DOM对象)
2. 通过document.getElementsByTagName()获取到的是什么？ 伪数组(集合)，集合中的每一个对象是DOM对象

二、jQuery对象

1. jQuery对象用$()的方式获取的对象
2. jQuery对象又可以叫做包装集(包装的DOM对象的集合)

三、获取jQuery对象和DOM对象

//var divElement = document.getElementById("divID");  //js的dom对象
var $div = $("#divID");   //jquery对象
//var html = divElement.innerHTML;   //js对象的属性
var html = $div.html();    //jquery对象的方法
alert(html);
//建议jQuery对象都以$开头
//注意点：jQuery对象不能使用DOM对象的成员，DOM对象不能使用jQuery对象的成员

四、jQuery对象和DOM对象的相互转换

4-1 js对象转换为jquery对象

var inputElement = document.getElementById("inputID");//js对象 
var $input = $(inputElement);//jquery对象
var txt = $input.val();
alert(txt);

4-2 jQuery对象转成js对象

//每个jQuery是一个数组，里面放了若干个js对象，所以可以通过$div[0]来获取指定js对象
var $div = $("#divID");//jquery对象
var divElement = $div[0];//js对象(方式一)
//var divElement = $div.get(0);//js对象(方式二)
var txt = divElement.innerHTML;          
alert(txt);