jQuery对象与DOM对象

来源:互联网 发布:捷孚凯市场咨询知乎 编辑:程序博客网 时间:2024/05/29 16:01

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});
1 0
原创粉丝点击