jQuery_节点操作

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

**一.内部插入节点**

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

**二.外部插入节点**

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

**三.删除节点**

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

**四.复制节点**

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

**五.包裹节点**

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

**六.替换节点**

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

**七.选择元素**

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

发表评论取消回复

表情：

评论列表（有 0 条评论，282人围观）

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

相关阅读

相关 jQuery操作dom节点empty()方法

jQuery操作dom节点empty()方法 jQuery作为一个写的少，做的多的库，可以简化JavaScript的操作，例如想要清空dom节点清空元素的内容，而不

心已赠人/ 2024年03月16日 09:54/ 0 赞/ 56 阅读

相关 jquery节点的操作创建删除复制

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

清疚/ 2022年07月14日 00:40/ 0 赞/ 210 阅读

相关 Jquery——Day2（包裹节点、节点操作）

1、包裹节点wrap <div>节点</div> （1）利用 wrap()方法对之前的代码包裹（1）wrap(html)：向指定元素包裹一层html代码

Bertha 。/ 2022年07月12日 12:26/ 0 赞/ 233 阅读

相关总结一下jQuery操作元素节点的方法（创建、选择、插入节点）

我的个人博客开通了，地址：[https://timewentby.com][https_timewentby.com] 欢迎访问知识点一：创建节点注意：Jque

淩亂°似流年/ 2022年06月16日 06:56/ 0 赞/ 415 阅读

相关 jQuery操作dom节点

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

野性酷女/ 2022年06月02日 11:55/ 0 赞/ 283 阅读

相关 jQuery实战_360导航效果（节点操作练习）

模仿360导航栏，我们要做的效果： ![这里写图片描述][70] 鼠标移上去的时候，会显示出一个”百度一下，你就知道”的提示框。可以直接写在原html中，为了练习

╰+攻爆jí腚メ/ 2022年05月22日 12:41/ 0 赞/ 164 阅读

相关 jQuery_节点操作

一.内部插入节点 $('div').append(node); //在div内部的后面追加元素 node.appendTo($('div'));

向右看齐/ 2022年05月22日 12:24/ 0 赞/ 283 阅读

相关 jQuery第二天(操作样式、属性、节点、动画）

02.jQuery操作样式 1. css操作功能：设置或者修改样式，操作的是style属性。操作单个样式特点：jQ的css方法都是行内样式；

╰+攻爆jí腚メ/ 2022年01月20日 08:11/ 0 赞/ 257 阅读

相关 jQuery页面元素操作之外部插入节点

本篇接[上篇][Link 1]聊聊如何通过jQuery在页面元素外部插入节点。三.外部插入节点外部插入节点的方法如下表所示。 ![601748-201809051

柔光的暖阳◎/ 2021年12月24日 18:45/ 0 赞/ 294 阅读

相关 jQuery--创建节点

创建节点根据W3C中的HTML DOM标准，HTML文档的所有内容都是节点，包括文档节点、元素节点、文本节点、属性节点和注释节点。各种节点相互关联，共同形成了DOM树。

╰+攻爆jí腚メ/ 2021年08月13日 12:08/ 0 赞/ 439 阅读