jQuery实现节点的追加 替换 删除 复制功能详解

web前端|js教程

jQuery,替换,追加

web前端-js教程

本文主要介绍了jQuery实现节点的追加、替换、删除、复制功能,结合具体实例形式分析了jQuery针对DOM节点的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的使用技巧,需要的朋友可以参考下，希望能帮助到大家。

视频vip解析网站源码,vscode替换空白行,ubuntu 挂起进程,如何检测安装tomcat,重构小爬虫,php 全局变量 改变,宁波seo关键词平台,thinkphp3.2网站源码,bootstrap 后台模板 推荐lzw

A、追加节点分为父子和兄弟节点的追加。每个追加节点的方法又分主动追加和被动追加。

自己的个人导航网源码,ubuntu删除软件件,地下爬虫类,php亚洲第一代码,广州seo课程lzw

黑客虚拟网站源码,vscode 改动标签提示,vim命令ubuntu,访问tomcat端口,sqlite3查所有表,网上流行的爬虫工具有,php 预览pdf,吴忠seo网络推广优化,扁平化高端网站模板,网页视频游戏播放器插件,dede英文模板下载lzw

//1、父子关系的添加//主动添加$(#shu).append(

关羽);//往后添加$(#shu).prepend(黄忠);//往前添加//被动添加$(黄盖).appendTo($(#wu));$(陆逊).prependTo($(#wu));//添加已存节点，发生位置改变$(#shu).prepend($(#wu li:eq(1)));//2、兄弟关系的添加.after .before .insertAfter .insertBefore//主动$(#liu).after(赵云);$(#liu).before(诸葛亮);//被动$(黄月英).insertAfter($(#liu));$(孙尚香).insertBefore($(#liu));

B、替换节点.replaceAll .replaceWith

//replaceAll主动替换$(#wu).replaceAll($(#shu));//replaceWith被动替换$(#yu).replaceWith(

黄盖);

C、删除节点.empty() .remove()

$(#wu).empty(); //清空对应的子节点$(#fei).remove(); //删除匹配到的节点

D、复制节点 .clone(true) .clone(false)

参数为true，节点和其身上的事件都给复制

参数为false，只复制节点本身（包括内部的信息）

$(#fei).clone(false); //只复制节点本身$(#fei).clone(true); //复制节点和事件

浅谈事件冒泡、事件委托、jQuery元素节点操作

zTree异步加载展开第一级节点方法实现

实例分享JQuery 选择器、DOM节点操作练习