jquery插入,复制、替换和删除节点-白红宇的个人博客

jquery插入,复制、替换和删除节点

发布日期：2021-05-09 01:17:01 浏览次数：15 分类：博客文章

本文共 1448 字，大约阅读时间需要 4 分钟。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>jQuery插入,复制、替换和删除节点</title>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//几种添加节点的方法

//$("p").append("<b>你好吗？</b>");//向p元素中追加《b》

//$("<b>你好吗？</b>").appendTo("p");//将《b》追加到p元素中

//$("p").prepend("<b>你好吗？</b>");//向p中前置《b》

//$("<b>你好吗？</b>").prependTo("p");//将《b》前置到p元素中

//$("p").after("<b>你好吗？</b>");//向p元素后插入《b》

//$("<b>你好吗？</b>").insertAfter("p");//将《b》插入到p元素后边

//$("p").before("<b>你好吗？</b>");//在p元素之前添加《b》

//$("<b>你好吗？</b>").insertBefore("p");//将《b》插入到p元素前面

//几种删除节点的方法

//var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点

//$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去

//$("ul li").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除

//$("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容

//复制节点

/* $("ul li").click(function(){

$(this).clone(true).appendTo("ul");//复制当前点击的节点，并将它追加到《ul》元素中，当添加参数时复制它的事件

});

*/

//替换节点

//$("p").replaceWith("<strong>你最不喜欢的水果是？</Strong>");

$("[name='rp']").replaceWith("<tr><td>gg</td><td>gg</td><td>gg</td><td>gg</td></tr><tr><td>gg</td><td>gg</td><td>gg</td><td>gg</td></tr>");

});

</script>

</head>

<body>

<p>你好！</p>

你最喜欢的水果是？

<ul>

<li title="苹果">苹果</li>

<li title="橘子">橘子</li>

<li title="菠萝">菠萝</li>

</ul>

</body>

</html>

上一篇：win7下安装mongodb

下一篇：mysql数据库备份命令

发表评论

最新留言

很好

[***.229.124.182]2025年05月10日 11时42分13秒

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

推荐文章

Java系列：【注释模板】IDEA中JAVA类、方法注释模板教程 2023-01-23

JS系列（仅供参考）：【浏览器编程】浏览器F12调试工具面板详解和JavaScript添加断点 2023-01-23

Kali 更换源（超详细，附国内优质镜像源地址） 2023-01-23

kali安装docker（亲测有效） 2023-01-23

Linux系列：Linux目录分析：[/] + [/usr] + [/usr/local] + [/usr/local/app-name]、Linux最全环境配置 + 动态库/静态库配置 2023-01-23

Linux系列：ubuntu各版本之间的区别以及Ubuntu、kubuntu、xUbuntu、lubuntu等版本区别及界面样式 2023-01-23

mysql系列：远程连接MySQL错误“plugin caching_sha2_password could not be loaded”的解决办法 2023-01-23

Nessus扫描结果出现在TE.IO或者ES容器结果查看问题解决方案 2023-01-23

Nmap渗透测试指南之探索网络 2023-01-23

Nmap渗透测试指南之防火墙/IDS逃逸、信息搜集 2023-01-23

Nmap端口服务之 CentOS7 关于启动Apache(httpd)服务、telnet服务、smtp服务、ftp服务、sftp服务、snmp服务 2023-01-23

PHP系列：PHP 基础编程 2(时间函数、数组---实现登录&注册&修改) 2023-01-23

PHP系列：使用PHP实现登录注册功能的完整指南 2023-01-23

Python&aconda系列：cmd/powershell/anaconda prompt提示“系统找不到指定的路径”（亲测有效） 2023-01-23

Python&aconda系列：conda踩坑记录2.UnsatisfiableError: The following specifications were found to be incompa 2023-01-23

Python&aconda系列：Jupyter Notebook快速上手、深度学习库PyTorch安装 2023-01-23

Python&aconda系列：（W&L）Conda使用faiss-gpu报错及解决办法、安装numpy的坑、cmd执行Python脚本找不到第三方库、安装tensorflow-gpu时遇到的from 2023-01-23

python&anconda 系列：Pycharm在debug问题的N种解决方案（一般程序、web方向、人工智能方向） 2023-01-23

python&anconda系列（亲测有效）：tensorflow AttributeError: ‘str’ object has no attribute ‘decode’ 2023-01-23

python&anconda系列：tf.keras.backend.get_session（）和keras.backend.get_会话（）返回不同的会话对象（待解答） 2023-01-23

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 463532027 位访客

访问时间: 2025-05-12 12:39:50 访问IP: 18.119.29.162 Copyright © 2020 - 2025 css8.cn 京ICP备2021015314号-1 手机版