jQuery_节点操作

向右看齐 2022-05-22 12:24 422阅读 0赞

一.内部插入节点

  1. $('div').append(node);     //在div内部的后面追加元素
  2. node.appendTo($('div'));   //把node追加到div内部的后面
  3. $('div').prepend(node);    //在div内部的前面追加元素
  4. node.prependTo($('div'));  //把node追加到div内部的前面
  6. eg: 
  7. $('div').append("<p>我是动态添加的元素</p>")
  8. //追加到div内部，如果div内部还有别的元素，追加在后面。

二.外部插入节点

  1. $('div').after(node);  //在div后面添加兄弟节点node
  2. $('div').before(node);  //在div前面添加兄弟节点node
  3. $('div').insertBefore(node);  //在div插入到node前面
  4. $('div').insertAfter(node);  //在div追加到node后面

三.删除节点

  1. $('div').remove();  //删除选中的元素，‘自杀’
  2. $('div').empty();  //清空子元素
  4. eg：
  5. $("div").empty();
  6. $("div").html(); 
  7. // 两者的效果是一样的，推荐使用html(),高效

四.复制节点

  1. $("div").clone();   //复制节点
  2. //如果添加参数true，就是深复制，会将复制元素的事件也copy一份。
  3. //没有参数就是浅复制，没有复制绑定的事件。

五.包裹节点

  1. $("div").wrap();   //包裹 单个包裹
  2. $("div").wrapAll(node);   //包裹 所有包裹在node中

六.替换节点

  1. $("div").replaceWidth(node);   //替换

七.选择元素

  1. $("div").prevAll();  //选择元素前面的兄弟节点
  2.  $("div").nextAll();  //选择后面元素的兄弟节点

发表评论

表情：
评论列表 （有 0 条评论，422人围观）

还没有评论，来说两句吧...

相关阅读