jQuery 对象

Jquery核心

$符号在 jQuery 中代表对 jQuery 对象的引用， "jQuery"是核心对象，通过该对象可以获取jQuery 对象，调用jQuery提供的方法等，只有jQuery对象才能调用jQuery提供的方法。

$ <==> jQuery

Dom对象与Jquery包装集对象

原始的 Dom 对象只有 DOM 接口提供的方法和属性，通过js代码获取的对象都是 Dom 对象;而通过 jQuery 获取的对象是 jQuery 包装集对象，简称jQuery对象，只有jQuery对象才能使用jQuery提供的方法。

Dom对象

Javascript 中获取 Dom 对象，Dom 对象只有有限的属性和方法：

var div = document.getElementById("testDiv");
var divs = document.getElementsByTagName("div");

Jquery包装集对象

可以说是 Dom 对象的扩充，在 jQuery 的世界中将所有的对象，无论是一个还是一组，都封装成一个 jQuery 包装集，比如获取包含一个元素的 jQuery 包装集：

var jQueryObject = $("#testDiv");

Dom对象转Jquery对象

Dom 对象转为 jQuery 对象，只需要利用 $(）方法进行包装即可。

var domDiv = document.getElementById('mydiv'); // 获取Dom对象。
mydiv = $(domDiv);

Jquery对象转Dom对象

jQuery 对象转 Dom 对象，只需要取数组中的元素即可。

// 第一种方式获取jQuery对象。
var jqueryDiv = jQuery('#mydiv');
// 第二种方式获取jQuery对象。
jqueryDiv = $('#mydiv');
var dom = jqueryDiv[0]; // 将以获取的jquery对象转为dom

通过遍历 jQuery 对象数组得到的对象是 Dom 对象。

$('#mydiv').each(function () {
    var dom = this;
});