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

        

           

        

                

        

           

       

  • 相关阅读:
    隐式类型转换
    STL::allocator rebind
    Proxy Class(代理类)
    C++ 没有合适的默认构造函数(无参数构造函数)
    E
    C
    Multiplication Puzzle POJ
    Brackets POJ
    Halloween Costumes LightOJ
    ACwing 139. 回文子串的最大长度(二分+Hash)
  • 原文地址:https://www.cnblogs.com/ljknlb/p/6796556.html
Copyright © 2020-2023  润新知