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

        

           

        

                

        

           

       

  • 相关阅读:
    jmeter函数 助手
    虚拟机如和 连接网络
    Loadrunner如何进行有效的IP欺骗
    JMeter生成HTML性能报告
    关于interrupt(),interrupted(),isInterrupted()用法分析
    我的博客----我的大学
    基本排序算法总结
    多个线程之间的通信问题
    多线程同步问题
    第三十七章 : 奇珍异宝
  • 原文地址:https://www.cnblogs.com/ljknlb/p/6796556.html
Copyright © 2020-2023  润新知