4.13jquery动态操作节点

最新推荐文章于 2022-06-08 15:19:10 发布

雪落眉头

最新推荐文章于 2022-06-08 15:19:10 发布

阅读量852

点赞数

分类专栏： js学习文章标签： js

本文链接：https://blog.csdn.net/qq_40757785/article/details/124215590

版权

js学习专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!-- 
        动态操作节点
           原生js:
              - 创建节点
                createElement('div')
                createTextNode('内容')
              - 添加节点
                 父节点.appendChild(子节点)
                 父节点.insertBefore(新节点，旧节点)
              - 删除节点
                 父节点.removeChild(子节点)
                 子节点.remove()
              - 替换节点
                 父节点.replaceChild(新节点，旧节点)
              - 克隆节点
                 节点.clone(true|false)

        jquery动态操作节点
              - 创建节点
                 $('<div>')  //<div> 
              - 添加节点
                 append()  appendTo()
                 prepend()  prependTo()
                 before()  after()
              - 删除节点
                  empty
                  remove
                  detach
                - 替换节点
                  原节点.replaceWith(新节点)
                  新节点.replaceAll(原节点)
              - 克隆节点
                 节点.clone(true|false)  //为true则连同事件一起克隆
              
     -->