jQuery操作元素节点

目录

  • 一、查找节点
  • 二、创建和插入节点
    • 1、创建节点
    • 2、插入子节点
    • 3、插入同辈节点
  • 三、替换节点
    • 四、复制节点
      • 五、删除节点
        jQuery中节点操作主要分为以下几种:
        • 查找节点。
        • 创建节点。
        • 插入节点。
        • 替换节点。
        • 复制节点。
        • 删除节点。

        一、查找节点 示例:
        节点操作 - 锐客网热门动画排行
        • 名侦探柯南
        • 阿拉蕾
        • 海贼王

        效果:
        jQuery操作元素节点
        文章图片


        二、创建和插入节点
        1、创建节点
        工厂函数$()用于获取或创建节点,语法如下:
        jQuery操作元素节点
        文章图片

        例如:
        jQuery操作元素节点
        文章图片


        2、插入子节点
        元素内部插入子节点,语法如下:
        jQuery操作元素节点
        文章图片


        3、插入同辈节点
        元素外部插入同辈节点,语法如下:
        jQuery操作元素节点
        文章图片

        示例:
        节点操作 - 锐客网热门动画排行
        • 名侦探柯南
        • 阿拉蕾
        • 海贼王


        三、替换节点 replaceWith()和replaceAll()用于替换节点,例如:
        jQuery操作元素节点
        文章图片

        示例:
        节点操作 - 锐客网热门动画排行
        • 名侦探柯南
        • 阿拉蕾
        • 海贼王


        四、复制节点 clone()用于复制节点,语法如下:
        jQuery操作元素节点
        文章图片

        注意:
        jQuery操作元素节点
        文章图片

        【jQuery操作元素节点】示例:
        节点操作 - 锐客网热门动画排行
        • 名侦探柯南
        • 阿拉蕾
        • 海贼王


        五、删除节点 jQuery提供了三种删除节点的办法:
        jQuery操作元素节点
        文章图片

        例如:
        jQuery操作元素节点
        文章图片

        示例:
        节点操作 - 锐客网热门动画排行
        • 名侦探柯南
        • 阿拉蕾
        • 海贼王

        到此这篇关于jQuery操作元素节点的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

          推荐阅读