zoukankan      html  css  js  c++  java
  • DOM和 jquery 基础

    1、jquery 对象就是jqery包装DOM对象后产生的对象

    2、jquery对象与DOM对象是不一样的

     具体操作方法: 通过 id 来获取标签

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="a1">123</div>
        <div id="a2">345</div>
    <script src="jquery-3.1.0.js"></script> <script> var kk = document.getElementById('a1') kk.style.fontSize='30px' var k1 = $('#a2').css('fontSize','30px') </script> </body> </html>

    1、 整个jquery 代码要放在body的最下边

    2、 要记住先引入JS文件,通过src;在引用自己定制的js插件

    DOM通过 getelementbyid 来查找id属性标签

    jquey 通过 $('#a2')  来id属性的标签

    通过标准的javascript 操作和DOM与 jqery 操作dom的对比,我们发现:

    1、通过jqery 方法包装后的对象,是jqery对象,他是一个新的对象

    2、jquery 与dom 对象是一个不同一的东西,但是又似曾相似,因为他们都能处理DOM

    jquery 与dom 对象的转换

    <body>
    <div class="a">456</div>
    <div class="b">567</div>
    <script src="jquery-1.8.2.js"></script>
    <script>
    通过 b 找到 标签
    var k1=$('.b').css('fontSize','30px')
    通过get方法将jquery转换成dom
    var kk=k1.get(0)
    利用dom的方法进行处理
    kk.style.fontSize='40px'
    </script>
    </body>
    </html>
    DOM对象转换成jquery对象 的方法



  • 相关阅读:
    OCP-1Z0-053-V12.02-668题
    Oracle DB 监控和优化RMAN
    OCP-1Z0-052-V8.02-123题
    OCP-1Z0-053-V12.02-151题
    OCP-1Z0-053-V12.02-66题
    OCP-1Z0-053-V12.02-163题
    OCP-1Z0-052-V8.02-51题
    OCP-1Z0-052-V8.02-53题
    ostringstream、istringstream、stringstream
    OCP-1Z0-053-V12.02-205题
  • 原文地址:https://www.cnblogs.com/05-xiaoyi/p/5771268.html
Copyright © 2011-2022 走看看