jQuery学习笔记之jQuery对象和DOM对象

1.DOM对象

文档对象模型

2.jQuery对象

通过jQuery对象包装DOM对象后产生的对象
jQuery对象是jQuery独有的

$("#foo").html(); //获取id为foo的元素内的html代码。html()是jQuery里的方法

等同于

document.getElementById("foo").innerHTML;

在jQuery中无法使用Dom对象的任何方法。

3.jQuery对象转成DOM对象

①jQuery对象是一个类似于数组的对象，可以通过[index]的方法得到相应的DOM对象。

jQuery代码如下：

var $cr=$("#cr"); //jQuery对象
var cr=$cr[0]; //DOM对象

②通过get(index)方法得到相应的DOM对象。

jQuery代码如下：

var $cr=$("#cr"); //jQuery对象
var cr=$cr.get(0); //DOM对象

4.DOM对象转成jQuery对象

用$()把DOM对象包装起来，就可以获得一个jQuery对象

jQuery代码如下：

var cr=document.getElementById("cr"); //DOM对象
var cr=$(cr); //jQuery对象