jQuery访问DOM对象
1.什么是DOM对象
DOM的每个页面都是一个DOM对象,通过传统的JavaScript方法访问页面中的元素,就是访问DOM对象
例如:在页面的2个<div>标记元素,其代码如下:
<div id="divTmp">测试文本</div>
<div id="divOut"></div>
通过下面的Javascript代码可以访问DOM对象和获得或设置其内容值:
var tDiv = document.getElementById("divTmp"); //获取DOM对象
var oDiv = document.getElementById("divOut"); //获取DOM对象
var cDiv = tDiv.innerHTML; //获取DOM对象中的内容
oDiv.innerHTML = cDiv; //设置DOM对象中的内容
如果执行上面的javascript代码,将在ID为"divOut"的标记中显示ID为"DivTmp"的标记内容。
2.什么是jQuery对象
在jQuery库中,通过本身自带的方法获取页面元素的对象,我们称之为jQuery对象;为了同样实现在ID为"divOut"的标记中显示ID为"divTmp"的标记内容的采用jQuery访问页面元素的方法,其实现的代码如下:
var tDiv = $("#divTmp"); //获取jQuery对象
var oDiv = $("#divOut"); //获取jQuery对象
var cDiv = tDiv.html(); //获取jQuery对象中的内容
oDiv.html(cDiv); //设置jQuery对象中的内容
通过代码的对比,可以看出jQuery对象访问方法比DOM对象访问方法更简单,高校,它们都实现访问DOM的对象