Jquery 总结

虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法；
所以就有，jquery 对象与dom 对象转换的需求。

1、jquery 对象 和 DOM 对象

dom对象通常就是我们用javascript 获取的对象，如下就是dom对象：
var domObj = document.getElementById("id"); //DOM对象
jquery对象是用jquery框架包装dom 对象而得到的，只有jquery对象才能用jquery中的方法，如下是jquery 对象：
var obj = $("#id"); //jQuery对象;

引用

在jquery中利用：
$("#id")取出的是jquery对象，这是个集合对象，要想获得dom对象，可以用$("#id").get(i)，其中i是jquery对象序列号，从0开始计算。
举例如下：
$("#input1")获取的不是dom对象，而是jquery对象。
而采用：var obj=document.getElementById(id); 获取的才是dom对象。
所以需要将jquery对象转化为dom对象，所以后面需要加上get()方法。参数名称就是jquery对象的序列号，从0开始计算。
或者是用
$("[id=input1]") 可以直接获取dom对象

2、jquery 对象 和 DOM 对象 转换

dom to jquery:

var domObj=document.getElementById("flag");//dom 对象
var $obj=$(domObj);//jquery 对象

jquery to dom

var $obj=$("#flag");//jquery 对象
var obj=$obj[0];//dom 对象 可写成： $obj.get(0)

注：以面向对象的思想来理解，jquery应该不难了！


好文共赏:jquery源码分析