JQuery操作DOM对象

时间:2023-03-09 00:35:10
JQuery操作DOM对象

1、追加节点( 儿子关系)

  append()     $("已有元素").append("动态添加元素");  在已有元素的内部的后面追加一个元素

  appendTo()  $("动态添加元素").appendTo("已有元素");在已有元素的内部的后面追加一个元素

  prepend()    $("已有元素").prepend("动态添加元素");  在已有元素的内部的前面追加一个元素

  prependTo() $("动态添加元素").prependTo("已有元素");在已有元素的内部的前面追加一个元素

2、添加节点

  after()在已有元素后面添加兄弟元素  $("已有元素").after("动态创建元素");

  before()在已有元素前面添加兄弟元素$("已有元素").before("动态创建元素");

  insertBefore()     $("动态添加元素").insertBefore($("已有元素"));    将动态添加的元素放到已有元素的前面,和before的区别在于前后顺序不一样。

  insertAfter()       $("动态添加元素").insertAfter("已有元素");           将动态添加的元素放到已有元素的后面,和after的区别在于前后顺序不一样。

3、删除节点

  $("已有元素").remove();   可以吧自己给干掉

  $("已有元素").empty();     干掉所有的儿子元素

  $("已有元素").html("");     清空自己的儿子,这个特别重要,他的执行 效率高,在html里面设置元素节点。

4、复制节点