jquery各种删除节点

最新推荐文章于 2022-03-15 00:00:52 发布
最新推荐文章于 2022-03-15 00:00:52 发布
阅读量267 收藏
点赞数
分类专栏： 基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kybkq1314/article/details/78492985
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>删除节点</title>
<script src="../jQuery-2.1.0/jquery-2.1.0.js"></script>
    <script>
$(function(){
$("p").click(function(){
alert($(this).html());
});

//1.点击事件
$("button:eq(0)").click(function(){
//2.删除标签
var myP = $("p").remove();
//alert(myP.html());
$("h3").after(myP);
});

//1.点击事件
$("button:eq(1)").click(function(){
//2.删除标签
var myP = $("p").detach();
//alert(myP.html());
$("h3").after(myP);
});

//1.点击事件
$("button:eq(2)").click(function(){
//2.删除标签
var myP = $("p").empty();
myP.html("这是清空之后的p标签");
//alert(myP.html());
$("h3").after(myP);
});

$("li:eq(0)").click(function(){
alert($(this).html());
});

//1.点击事件
$("button:eq(3)").click(function(){
//2.复制节点
var li = $("li:eq(0)").clone(true);
$("ul").append(li);
});

//1.点击事件
$("button:eq(4)").click(function(){
//2.复制节点
$("li:eq(2)").replaceWith("<li>替换节点</li>");

});
});
</script>
</head>


<body>
<button>remove删除</button>
    <button>detach删除</button>
    <button>empty清空</button>
    <button>复制节点</button>
    <button>替换节点</button>
    <p class="haha">p标签</p>
    <h3>测试删除方法</h3>
    <ul>
    <li>北京</li>
        <li>上海</li>
        <li>广州</li>
        <li>深圳</li>
    </ul>
</body>
</html>

kybkq111
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
c语言删除结点,C语言在链表中删除结点
weixin_29821699的博客
05-21 2885
/****************************************************************该程序实现结点的删除。其中void *del_node(TYM *head,int pos,int len)函数用于删除结点，head为需要删除结点的链表、pos为结点的位置、len为需要删除的长度。***********************************...
jQuery DOM删除节点操作指南
10-24
本章节主要介绍了jQuery中dom操作的三种删除节点的方法，即remove()，detach()和empty()，并附上示例代码，非常实用，这里推荐给小伙伴们。
删除结点
Blog
01-11 1150
package Linear; /* * 删除结点：删除一无头结点，长度大于1的循环链表中p指向结点的前缀结点。 */ public class G { public static void deleteNode(Node p) { Node q =p.next; Node pre=p; while (q.next!=p) { q=q.next; pre=pre.n...
YTU.3174: 链表基本操作---指定结点删除
越努力，越幸运！！！
09-21 543
3174: 链表基本操作---指定结点删除 Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 23  Solved: 20 [Submit][Status][Web Board] Description 根据具有10个元素的整型数组构建链表，删除其中的指定结点3和6，并输出链表中所有元素的值。请完善如下程序：只需提交需要填写部
jQuery删除节点
何明洋的编程技术博客
07-03 379
删除节点使用remove例子：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;&lt;/title&gt; &lt;meta char
删除节点
qq_45593083的博客
10-30 1629
删除节点的方法，分别是remove(),detach(),empty()方法 remove()方法用于从DOM中删除所有匹配元素， remove方法删除某个节点之后，该节点所包含的所有后代节点将>同时被删除。 remove()方法的返回值是一个指向已被删除的节点的引用。以>后也可以继续使用这些元素。 例如 var $p_2 = $(“div p:eq(1)”).remove();//...
jQuery实现删除li节点的方法
10-20
主要介绍了jQuery实现删除li节点的方法的相关资料,需要的朋友可以参考下
jQuery删除当前节点元素
10-20
本文给大家分享一段代码给大家介绍jquery删除当前节点元素的方法，代码简单易懂，非常不错，需要的朋友参考下吧
JQueryDOM之删除节点
雷蒙的博客
02-23 674
删除节点 JQuery提供了两种删除节点的方法：remove()、detach() 一种清除节点后代元素的方法：empty() remove():remove()方法从DOM 中删除所有匹配的元素，传入的参数用于根据jQuery 表达式来筛选元素。                 当某个节点用remove（）方法删除后，该节点所包含的所有后代节点将同时被删除。                ...
二叉树删除结点
小吴
01-22 518
删除结点的思路 如果删除的结点是叶子结点，则删除该结点 如果删除的结点是非叶子结点，则删除该子树 考虑如果树是空树root，如果只有一个root结点，则等价将二叉树置空 因为二叉树是单向的，一般是判断当前结点的子结点是否需要删除结点，而不能去判断当前这个结点是不是需要删除结点。 如果当前结点的左子结点不为空，并且左子结点就是要删除结点，就将this.left=null;并且就返回(结束递归删除） 如果当前结点的右子结点不为空，并且右子结点就是要删除结点，就将this.right=null；并且就
使用循环删除结点
qq_37117521的博客
06-27 371
删除所有数值为2的结点思路：循环遍历链表，判断数值是否是2，是的话删除1、  定义循环不变式，把问题从中间切开，分成左右两部分，左边已经处理完毕，右边是待处理部分。删除2只要把3的指针指向5即可（所以我们要有一个指针previous指向3）删除后，previous指针仍然指向3，考虑是否删除的数值是5（维持了循环不变式的层层推进的过程） 要是数值为2，previous指针不变，要是不为2，prev...
链表的删除结点（各种方法）
热门推荐
weixin_52307528的博客
09-15 1万+
先建立链表（代码在最后） 一、链表中删除第i个结点 int main() { int i; Node *p,*head，*k; head=setlink(); scanf("%d",&i); int v=1; for(p=head->next;p!=NULL;k=p,p=p->next) { if(v==i)break; else{ v++; } } k->next=p-&g
单链表之删除节点
weixin_54989626的博客
08-14 7818
1.删除节点的步骤 （1）找到要删除的这个节点：通过遍历来查找节点，从头指针+头节点开始，顺着链表依次将各个节点拿出来，按照一定的方法比对，找到我们要删除的那个节点。 （2）删除这个节点 （2.1）如果不是尾节点：首先把待删除节点的前一个节点的pNext指向待删除节点的后一个节点的首地址，然后再将摘出来这个节点free掉。 （2.2）如果这个节点是尾节点，首先把待删除这个节点的前一个节点的pNext指针指向NULL，然后再将摘出来这个节点free掉。 #include <stdio.h> #in
jq对象节点的增删改
Schrodinge的博客
07-04 355
1.创建jq节点 $("< div/>") 2.元素添加 (1)往父元素内部追加 * append(content|obj|ele|fn): 给父元素添加最后一个子元素 * prepend: 给父元素添加第一个子元素( appendTo(父元素) prependTo() ) (2)外部插入内容（添加为兄弟元素） after: 在元素后面插入内容 before: 在元素...
用JS实现点击按钮动态删除DIV
a1007174282的博客
06-20 9858
简单粗暴地直接删除DIV，一些更高级的方法还有待学习。
节点操作 删除节点
m0_62962469的博客
03-15 1515
删除节点 node.removeChild(child) 从DOM中删除一个子节点 返回删除的子节点 node是父节点 child是子节点 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button">删除</button&g
jQuery on()方法 jQuery删除节点的三个方法：remove empty detach
power0405hf的专栏
07-28 990
1.on（）jQuery on()方法是官方推荐的绑定事件的一个方法。 (1.8版本后不推荐使用bind（），delegate( )，live（）方法，live方法1.9后已经废除) $(selector).on(event,childSelector,data,function,map)2.删除节点 remove empty detach jQuery解读之empty、remove、det

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值