jquery对象和dom对象总是让人感觉很难分清,其实只要做到1对两者概念有明确认识2找出不同点
A
DOM
1概念
DOM对象(Document Object Model,文档对象模型)可以把html结构表述为DOM树,在这棵大树中,html的body中的<h><p><ul>>><li>都是DOM元素节点
2获取
通过javascript中的getElementByTagName或者getElementById来获取元素节点
jQuery
1概念
jQuery对象即是通jQuery过包装DOM对象后产生的对象,jQuery对象是其独有的,可以使用jQuery里的方法,但却无法使用DOM对象的任何方法,DOM对象同此理
B相互转化
1 jQuery invert DOM
var $cr=$("#cr");
var cr=$cr[0];
//第二种方法 var $cr=$("#cr"); var cr=$cr.get(0);
2 DOM invert jQuery
var cr=document.getElementById("cr");
var $cr=$(cr);