jquery基础

1.什么是jQuery对象？

 答：jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法。虽然        jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错。

  注意：如果获取的是 jQuery 对象, 那么要在变量前面加上 $。   如：var $variable = jQuery 对象；var variable = DOM 对象。

2.DOM对象如何转成jQuery对象？

   答：对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象) 。例子如下

    

 

//<input  type="text" value="张" name="username" id="username"/>
//获取DOM对象
var username = document.getElementById("username);
alert(username);

//转换为jquery对象
var $username = $(username);
alert($username.val());  //调用jquery对象的方法

 3.jQuery对象如何转成DOM对象 ？

   答：有两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);      

//<input  type="text" value="张" name="username" id="username"/>
//获取jquery对象
var $username = $("$username");
alert($username);

//第一种方式：转换为DOM对象
var username = $username[0];    //数组中第一个
alert(username.value);

//第二种方式：转换为DOM对象
var username = $username.get(0);
alert(username.value);