Dom对象和jQuery对象的相互转化

01.jQuery对象

1.jQuery对象就是通过对jQuery包装dom对象后产生的对象。

2.虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法。

3.约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $。

02.Dom对象转化为jQuery对象

    对于已经是dom对象，只需要用$()把dom对象包装起来，就可以获得一个jQuery对象了。$（dom对象）

    转换后就可以使用jquery中的方法了。

    例：//获取dom对象   

   

 //<script type="text/javascript" src="jquery-1.4.2.js" ></script>

    //<inpput type="text" value="zhangsan" />

function Dom2jQuery(){

     //获取dom对象
   var username=document.getElementById("username");
   alert(username.value);
     //转化为jquery对象
   var $username=$(username);
   alert("jquery"+$username.val());
  }

   //遇到的问题：提示$符未定义，原因是引用jquery的位置不对。

03.jQuery对象转化为Dom对象

两种转换方式：[index]和 .get(index);方法

(1).jQuery对象是一个数组对象，可以通过[index]的方法，来得到相应的Dom对象　　

function jQuery2Dom(){
 //获取jQuery对象
 var $username=$("#username");
 alert($username.val());
 //将jquery对象转换dom对象方法1
 var username=$username[0];
 alert("ordinary:"+username.value);
 }

(2)jQuery本身提供通过.get(index)方法，得到相应的dom对象。

1 function jQuery2Dom1(){
2  //获取jQuery对象
3  var $username=$("#username");
4  alert($username.val());
5  //将jquery对象转换dom对象方法1
6  var username=$username.get(0);
7  alert("ordinary:"+username.value);
8  }