jQuery的简单应用

     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的对象