zoukankan      html  css  js  c++  java
  • jquery对象和DOM对象转换,querySelectorAll和etElementsByName区别

    html:

    <ul>
        <li class="chil1" name="li1">1</li>
        <li class="chil2 active">2</li>
        <li class="chil3">3</li>
     </ul>  

    1.获取dom对象

       querySelectorAll和etElementsByName区别:

    querySelectorAll和getElementsByName都是获取的节点列表,querySelectorAll返回的是静态节点,
    getElementsByName返回动态节点,区别是当删除某个节点的时候getElementsByName会自动更新节点列表,
    而querySelector不会,还是删除前的节点列表,所以绑定事件时会导致死循环的情况发生
    querySelector和$("ul").get(0)获取到的是相同的,元素列表(非节点列表),包含里面的元素
    console.log('querySelector:',document.querySelector("ul"));
    console.log('querySelectorAll:',document.querySelectorAll("li"));
    console.log('getElementsByName获取Dom对象,通过name属性获取:',document.getElementsByName("li1"));
                

    2.获取jquery对象

    console.log('jquery对象:',$("ul"));
                

    3.二者转换

    console.log('通过jquery的get(index)的方法获取DOM对象:',$("ul").get(0));
    console.log('通过jquery获取DOM对象:',$("ul")[0]);
    console.log("tagName绑定dom元素:",document.getElementsByTagName("li"))
  • 相关阅读:
    IDE-常用插件
    Go-竞态条件-锁
    Go-发送邮件
    复刻网络Yum源配置为本地Yum源使用
    测试
    九.查找算法
    九.多线程-PDF笔记
    八.设计模式
    八.排序算法:复杂度
    七.注解
  • 原文地址:https://www.cnblogs.com/changyuqing/p/12792846.html
Copyright © 2011-2022 走看看