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);

相关推荐