JQuery 添加删除元素

<body><ul><ul/>
<div><div></body>

1. 内部添加        加上去是父子关系

append  加到后面    prepend 加到前面

let li = $(“<li>我是内部添加</li>”)
$("ul").append(li);

2. 外部添加    加上去是兄弟关系

let div = $(“<div>我是外部添加</div>”)
$("div").before(div);

3.删除元素

$("ul").remove()    //直接删掉这个元素
$("ul").empty()     // 删除这个元素里面的子节点
$("ul").html()       // 这个跟 empty一样的效果

原文地址:https://www.cnblogs.com/yanghai/p/11618808.html

时间: 2024-11-08 01:52:51

JQuery 添加删除元素的相关文章

Jquery 动态添加删除元素 用js添加的元素无法删除问题

用jquery方法的绑定侦听和销毁来解决动态div的增加删除: 正确代码: <script type="text/javascript" > $(document).ready(function(){  bindListener(); }) function addimg(){  $("#mdiv").append('<div ><input type="file" name="img[]" /&

jQuery添加插入元素技巧:

jQuery添加插入元素技巧: jquery添加分为在指定元素的里面添加和外面添加两种: 里面添加使用(append 和prepend) 里面添加又分为在里面的前面添加和后面添加 里面的前面添加使用 prepend和prependTo 里面的后面添加使用 append  或appendTo 外面添加使用(after和before) 外面添加又分为在外面的前面添加和后面添加 外面的前面添加使用 before或insertBefore 外面的后面添加使用 after或insertAfter

jQuery添加删除DOM元素

1.添加DOM元素  append   prepend   before  after //append 添加在同级元素的之前  实例: <div class="header"><p>添加节点在同级元素之后</p></div> var pageup = '<strong>append 在同级元素之后</strong><br>';         $('.header').on('click',funct

集合遍历过程iterator, 添加删除元素报异常

list  set  遍历过程中添加或者删除元素,报异常. 使用iterator 也会报异常 ConcurrentModificationException remove只能用迭代器的remove,而不能用集合的remove方法,iterator的remove会维护索引的一致性 iterator it = list.iterator(); while(it.hasnext(0){ obj = it.next(); it.remove(); } 用java.util.concurrent中的类代替

js添加删除元素

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid

添加删除元素(来自网络)

1.addClass:为指定的dom元素添加样式. 2.removeClass:删除指定dom元素的样式. 3.toggleClass:如果存在(不存在),就删除(添加)一个样式. 4.hasClass:判断样式是否存在. function hasClass(obj, cls) {     return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); } function addClass(obj, cls) {    

jQuery添加/删除Select的Option项:

jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text();   //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val();   //获取Select选择的option Value 3. var checkIndex=jQuery("#

JQuery添加删除标签

html ________________________________________________________________________ <!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="../js/jquery-3.2.1.min.js"></script> <link rel="s

Jquery中删除元素方法

今天有幸被召回母校给即将毕业的学弟学妹们讲我这两年的工作史,看了下母校没啥特别的变化,就是寝室都安了空调,学妹们都非常漂亮而已..好了不扯蛋了,说下今天的主题吧.这些天我在深度定制语法高亮功能的同时发现了博客园提供的一些有意思的函数,甚至有几个博客园都没用到,我也不知道怎么才能触发那些功能..打开这个js就可以看到很多好用的东西了,虽然写的不怎么样,但是至少有这些功能. ps: 推荐安装一个代码格式化的插件,否则一坨看着蛋疼.比如第一个就是 log,方便调试. http://www.qingre