jquery元素节点操作

  1. 创建元素:

    $("标签和内容") // 创建一个标签并给里面放内容
    例:
    var box = $("<div class='box'>div盒子</box>");
    console.log(box);
  2. 添加元素

    给父元素追加子元素:
    父元素.append(子元素);
    
    给父元素最前面添加子元素:
    父元素.prepend(子元素);
    
    将子元素添加到父元素中:
    子元素.appendTo(父元素);
    
    将子元素添加到父元素最前面
    子元素.prependTo(父元素);
    
    
    添加下一个兄弟元素
    元素.after(下一个兄弟元素);
    
    添加上一个兄弟元素:
    元素.before(上一个兄弟元素);
  3. 替换元素

    使用新元素替换某个元素:
    某个元素.replaceWith(新元素);
    
    用新元素替换掉某个元素:
    新元素.replaceAll(某个元素);
  4. 删除元素

    删除元素内部所有标签和内容:
    元素.empty();
    
    将当前标签从页面中删除:
    元素.remove() // 删除自己和自己内部所有内容
  5. 复制元素

    元素.clone([是否复制自身的事件][,是否复制子元素的事件])

     

posted @ 2022-06-07 22:08  健生  阅读(27)  评论(0)    收藏  举报