zoukankan      html  css  js  c++  java
  • js和jquery之间的转换

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>jquery对象和js对象之间的转换</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    </head>
    <body>
    <div id="div1">div1</div>
    <div id="div2">div2</div>
    <div id="div3">div3</div>
    <script>
    // 使用js方式来获取名称为div的所有html元素对象
    var divs = document.getElementsByTagName("div");
    alert(divs.length);
    for(var i=0;i<divs.length;i++){
    // divs[i].innerHTML="aaa";
    $(divs[i]).html("cccccc");
    }

    // 通过jquery方式来获取名称为div的所有html元素对象
    var $div = $("div");
    alert($div.length);
    // $div.html("bbbbb");
    $div[0].innerHTML="dddddddd";
    $div[1].innerHTML="eeeeeee"

    /*
    * 1、jquery对象在操作上比js简单
    * 2、jquery对象和js对象方法不通用
    * 3、两者可以相互转
    * jq --->js: jq对象[索引] 或者 jq对象.get[索引]
    * js----->jq: $(js对象)
    * */
    </script>

    </body>
    </html>
  • 相关阅读:
    group having条件找max无记录问题
    Apache Http Server
    Google产品
    AES加密报错Illegal key size
    内网调试微信开发
    试用VSCode
    React的Transaction浅析
    一个webpack,react,less,es6的DEMO
    20151128
    React生命周期浅析
  • 原文地址:https://www.cnblogs.com/newcityboy/p/11520188.html
Copyright © 2011-2022 走看看