- jquery对象和dom对象
dom对象(documentobject model)文档对象模型
通过document.getElementById("")和document.getElementByNames("")得到的dom元素就是dom对象。例如:
vardomObj = document.getElementById("id"); // 获得DOM对象
varObjHTML = domObj.innerHTML; //使用JavaScript中的方法innerHTML
jquery对象:就是通过jquery包装dom对象后产生的对象。
注意:jQuery对象将无法使用DOM对象的任何方法。比如
$("#id").innerHTML、$("#id").checked之类的写法都是错误的。同样,DOM对象也不能使用jQuery的里方法,
比如document.getElementById("id").html()也会报错,
只能用document.getElementById("id").innerHTML;
特别要注意,用#id作为选择符取得的是jQuery对象而并非document.getElementById("id")所得到的DOM对象,两者并不等价
- jquery对象和dom对象转换
两种方式将jquery对象转换成dom对象:
1).jquery对象是一个数组对象,可以通过[index]方式获取
如: var $a=$("#a"); //得到jquery对象
var a = $a[0]; // 得到dom对象
2). 另一种方式是通过jquery自己的方法,get(index)获取
var $a=$("#a"); //得到jquery对象
var a = $a.get(0); // 得到dom对象
- dom对象转化成jquery对象
对于已经是一个dom的对象只需要将$()包装起来就是jquery对象了。
例如:var a =document.getElementById("a"); // dom对象
var $a =$(a); //jquery对象