jq添加插入删除元素

﹏ヽ暗。殇╰゛Y 2023-06-05 08:11 103阅读 0赞

## [https://www.cnblogs.com/sandraryan/][https_www.cnblogs.com_sandraryan] ##

## append() - 在被选元素的结尾插入内容 ##

<body>
        <div class="wrap">
            <h2>this is h2</h2>
            <p>this is a para</p>
            <strong>strong tag</strong>
        </div>
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
        <script>
        var el = $('<div>added div</div>');
        el.css('color','red');
        $('.wrap').append(el);
        // el是一个使用jq创建的jq节点对象
        // 添加到尾部
        </script>
    </body>

![1645790-20190916173000818-184664063.png][]

也可以直接添加字符串，原生js创建的节点对象等。举个栗子~

$('.wrap').append('added string');

显示为：

![1645790-20190916173243556-1524297691.png][]

## prepend() - 在被选元素的开头插入内容 ##

## after() - 在被选元素之后插入内容 ##

## before() - 在被选元素之前插入内容 ##

以上同理~~~~~~~

## remove() 删除元素 ##

var a = $('.wrap p').remove();
        console.log(a);

删除wrap下的p

## empty（）清空元素内容 ##

$('.wrap').empty();

会留下一个class为wrap的div

转载于:https://www.cnblogs.com/sandraryan/p/11528627.html

[https_www.cnblogs.com_sandraryan]: https://www.cnblogs.com/sandraryan/
[1645790-20190916173000818-184664063.png]: /images/20230601/d6b84189606749909ef4c637e2c2e368.png
[1645790-20190916173243556-1524297691.png]: /images/20230601/32c047b42b2b4770b13cc663610d7b58.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Python列表之添加元素与删除元素

本文主要介绍了python中列表的一些基本操作，文章围绕主题展开详细的内容介绍，具有一定的参考价值。一、添加元素列表可以使用append()、extend()或in

朴灿烈づ我的快乐病毒、/ 2024年03月30日 09:21/ 0 赞/ 92 阅读

相关 DOM操作--创建、插入、删除元素

1、创建、插入元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

ゞ浴缸里的玫瑰/ 2024年02月17日 23:03/ 0 赞/ 57 阅读

相关 jq添加插入删除元素

[https://www.cnblogs.com/sandraryan/][https_www.cnblogs.com_sandraryan] append() - 在

﹏ヽ暗。殇╰゛Y/ 2023年06月05日 08:11/ 0 赞/ 104 阅读

相关 java 数组中插入元素_Java数组添加元素

java 数组中插入元素 How to add elements to an array in java? We know that java array size is f

系统管理员/ 2023年02月28日 06:15/ 0 赞/ 23 阅读

相关 jq删除数组中的指定元素

//删除 for(var k in zjhm_Index_arr){ if(zjhm_Index_arr[k]

迷南。/ 2022年11月19日 11:27/ 0 赞/ 254 阅读

相关添加删除元素_PHP 实现递归删除链表元素

这篇文件介绍一下 `递归`，递归的本质是将原来的问题转化为更小的同一个问题，解决这些更小问题的过程。下面通过两个递归的例子帮助学习对递归的理解。 1.递归数组求和例如

柔光的暖阳◎/ 2022年11月19日 11:23/ 0 赞/ 179 阅读

相关 php 数组添加元素、删除元素

拆分数组 PHP数组添加一个元素的方式： push(), arr\[\], Php代码 $arr = array(); array_push($

拼搏现实的明天。/ 2022年09月24日 14:23/ 0 赞/ 277 阅读

相关 js添加和删除元素节点

js添加和删除元素节点 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

╰半橙微兮°/ 2022年03月26日 19:50/ 0 赞/ 413 阅读

相关 JQuery添加删除元素

JQuery提供了添加元素的四种方法： append() - 在被选元素内部的结尾插入指定内容 prepend() - 在被选元素内部的开头插入指定内容 after()

末蓝、/ 2021年09月14日 02:44/ 0 赞/ 602 阅读

相关 JavaScript创建、添加、删除元素

（1）createElement("元素名")：此方法可以创建一个新的元素。例如：createElement("p") ，表示创建了一个p标签（元素/段落）。（2）crea

Bertha 。/ 2021年09月14日 02:20/ 0 赞/ 559 阅读