jQuery对象与DOM对象

1、jQuery对象是对DOM对象进行jQuery($())包装后产生的对象。
2、jQuery对象是jQuery独有的，如果一个对象是jQuery对象，那么它可以使用jQuery中的方法，例如：

$("#UserName").html();

3、jQuery对象无法使用DOM对象里的任何方法，同样DOM对象也不能使用jQuery里的任何方法。
4、约定：如果获取的是jQuery对象，那么要在变量前面加上$。

var $variable = jQuery对象;
var variable = DOM对象;

5、jQuery对象与DOM对象可以相互转换
1）jQuery对象转DOM对象
jQuery对象是一个数组对象，可以通过[index]或get(index)得到对应的DOM对象。

//1.获取一个jQuery对象
var $btn=$("button");
//2.jQuery对象是一个数组
alert($btn.length);
//3.通过数组的下标将jQuery对象转为DOM对象
alert($btn[0].firstChild.nodeValue);
alert($btn.get(0).firstChild.nodeValue);

2）DOM对象转为jQuery对象

//1.选取一个DOM对象
var btn=document.getElementById("btn1");
//2.把DOM对象转为jQuery对象，使用$()进行包装
alert($(btn).text());

6、遍历jQuery对象
遍历时循环中的每个对象都是DOM对象。

$("select :selected").each(function(){
    alert($(this).val());
    alert(this.value);
    return false;//相当于break
    //return;    //相当于continue
});
$("select :selected").each(function(i,option){
    alert($(option).val());
    alert(this.value);
    return false;//相当于break
    //return;    //相当于continue
});