dom对象和jquery对象之间的关系。
1.什么是dom对象;
document.getElementById();
document.getElementByName();
document.getElementByTagName();
以上方法获取到的都是dom对象
2.什么是jQuery对象
使用我们之前学习的选择得到的都是一个jquery对象
3.关系
dom 对象只能使用dom相关属性和方法
jQuery对象只能使用jQuery中定义好的属性和方法
以下的引用方法是错误的。
$('img').onclick
$('img').src
document.getElementById('div1').html();
document.getElementById('div1').attr();
jQuery对象其实就是一个数组
数组下的每个元素都是选择器匹配到的dom元素
所以说,元素本身是一个dom对象
jQuery对象实际是由若干个dom对象组成的
document.getElementById(div1)等价于$('#div1')
只不过一个是dom对象 一个是jquary 对象
4.问题
两种对象之间能不能互相调用彼此的属性和方法
举例:
我们得到一个dom对象,但我觉得jquery下的方法比较好用
我们得到一个jquary对象,但对jquery下的某些方法不熟悉,像调用dom方法
5.解决
jQuery对象转换为dom对象
jQuery[0]
jQuery.get(0)
比如说有一个div标签
var $div = $('div');
$div[2].innerHTML='测试';//$div就是dom对象了
$div[2].style.color='red';
dom对象转换成jquery对象
$(dom)