1 dom对象属于文档对象模型,而Query对象是将dom对象一个或多个进行包装而成,所以说dom对象可以看做一个个体,而jQuery看做多个dom对象的集合。
2 jQuery和dom没有包含和被包含的关系,所以说jQuery对象不能调用dom方法或者属性,同理于dom,
{ ($("#swap").innerHTML="嵌入文本"
getElementById("wrap").html('嵌入文本')
}都是错误的。
3 jQuery和dom对象是可以相互转换的,正是由于这一点,常见方法是通过dom抓取对象,再将它封存为jQuery对象,原因是jQuery对象不需要操作时不需要遍历。
4 jQuery对象与dom对象转换方法
jQuery转换为dom对象
{
var $li=$("li");
var li=$li[0];
li.innerHTML;
}
{
var $li=$("li");
var li=$li.get(0); // 调用domget方法
alert(li.innerHTML);
}
dom对象转换为jQuery对象
{
var li=getElementById('li'); //获取所有li元素
var $li=$(li); //把获取的li元素封装成jQuery对象
alert($li.html());
}