热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jQuery——节点操作

创建节点1、$():创建一个li标签$(我是li标签)2、html():创建一个li标签并同时添加到ul盒子中&#x

创建节点

1、$():创建一个li标签

$("<li class&#61;&#39;aaa&#39;>我是li标签li>")

2、html()&#xff1a;创建一个li标签并同时添加到ul盒子中&#xff0c;这个添加实际上是整体替换

$("ul").html("<li>我是html方法穿件出来的li标签li>")

添加节点

1、append()&#xff1a;在ul盒子内最后一位添加li标签

$("ul").append(jqNewLi);

2、appendTo()&#xff1a;同上&#xff0c;只是添加的对象在前面

jqNewLi.appendTo($("ul"));

3、prepend()&#xff1a;在ul盒子内第一位添加li标签

$("ul").prepend(jqNewLi);

4、prependTo()&#xff1a;同上&#xff0c;只是添加的对象在前面

jqNewLi.prependTo($("ul"));

5、after()&#xff1a;在li标签后添加新的标签&#xff0c;特别注意------此处是在已有的所有li后追加一个新的li标签

$("li").after(jqNewLi)&#xff1b;

6、before()&#xff1a;在li标签前添加新的标签&#xff0c;特别注意------此处是在已有的所有li前追加一个新的li标签

$("li").before(jqNewLi);

删除节点

1、html("")&#xff1a;清空ul盒子中所有子节点

$("ul").html("");

2、empty("")&#xff1a;清空ul盒子中所有的子节点

$("ul").empty();

3、remove()&#xff1a;删除指定节点----自杀&#xff01;

$("li:eq(0)").remove();

 复制节点

1、clone()&#xff1a;复制指定节点&#xff0c;默认是深层复制&#xff0c;内部所有内容都复制

$(".box ul").clone();

 

转:https://www.cnblogs.com/wuqiuxue/p/8033255.html



推荐阅读
  • 本文全面解析了JavaScript中的DOM操作,并提供了详细的实践指南。DOM节点(Node)通常代表一个标签、文本或HTML属性,每个节点都具有一个nodeType属性,用于标识其类型。文章深入探讨了DOM节点的创建、查询、修改和删除等操作,结合实际案例,帮助读者更好地理解和掌握DOM编程技术。 ... [详细]
  • 为开发者提供了一系列实用的参考网站和资源链接,包括HTML速查手册( 和 ),帮助开发者快速查找和学习相关技术知识。此外,还涵盖了其他重要的开发工具和文档,为编程工作提供全面支持。 ... [详细]
  • 本文探讨了互联网服务提供商(ISP)如何可能篡改或插入用户请求的数据流,并提供了有效的技术手段来防止此类劫持行为,确保网络环境的安全与纯净。 ... [详细]
  • 探讨了在HTML表单中使用元素代替进行表单提交的方法。 ... [详细]
  • JavaScript 跨域解决方案详解
    本文详细介绍了JavaScript在不同域之间进行数据传输或通信的技术,包括使用JSONP、修改document.domain、利用window.name以及HTML5的postMessage方法等跨域解决方案。 ... [详细]
  • 本文详细介绍了JQuery Mobile框架中特有的事件和方法,帮助开发者更好地理解和应用这些特性,提升移动Web开发的效率。 ... [详细]
  • 理解浏览器历史记录(2)hashchange、pushState
    阅读目录1.hashchange2.pushState本文也是一篇基础文章。继上文之后,本打算去研究pushState,偶然在一些信息中发现了锚点变 ... [详细]
  • JavaScript 实现图片文件转Base64编码的方法
    本文详细介绍了如何使用JavaScript将用户通过文件输入控件选择的图片文件转换为Base64编码字符串,适用于Web前端开发中图片上传前的预处理。 ... [详细]
  • 使用 jQuery 实现页面加载进度条
    页面加载进度条是提升用户体验的重要工具,通过在页面头部显示一个加载状态,并在页面完全加载后隐藏,可以有效减少用户的等待焦虑。本文将详细介绍如何使用 jQuery 实现这一功能。 ... [详细]
  • 本文介绍了 jQuery 的基本使用方法,包括文档就绪函数和常用的鼠标事件处理,以及各种选择器的详细说明。 ... [详细]
  • 本文通过一个具体的案例,展示了如何使用 Python 爬虫技术从京东网站爬取手机的价格和参数。最近发布的 iPhone X 虽然价格昂贵,但不妨碍我们探索其他高性价比的国产手机。 ... [详细]
  • 使用jqTransform插件美化表单
    jqTransform 是由 DFC Engineering 开发的一款 jQuery 插件,专用于美化表单元素,操作简便,能够美化包括输入框、单选按钮、多行文本域、下拉选择框和复选框在内的所有表单元素。 ... [详细]
  • 在对WordPress Duplicator插件0.4.4版本的安全评估中,发现其存在跨站脚本(XSS)攻击漏洞。此漏洞可能被利用进行恶意操作,建议用户及时更新至最新版本以确保系统安全。测试方法仅限于安全研究和教学目的,使用时需自行承担风险。漏洞编号:HTB23162。 ... [详细]
  • 本文探讨了在多DHCP服务器环境中如何创建和管理作用域,并提出了一种有效的备用DHCP服务器方案,以确保网络服务的高可用性和稳定性。通过详细的技术分析和实践操作,本文为网络管理员提供了一套完整的解决方案,帮助其更好地应对复杂的网络环境。 ... [详细]
  • 基于Linux系统的Kickstart自动化服务器部署方案
    本文针对企业需求,提出了一种基于Linux系统的Kickstart自动化服务器部署方案。该方案旨在通过无盘批量安装操作系统,提高企业IT基础设施的部署效率。Kickstart是一种利用Anaconda工具实现服务器自动化安装的技术,能够显著简化和加速操作系统的安装过程。通过详细的实施规划,本文介绍了Kickstart的工作原理及其在实际部署中的应用,为企业提供了高效的自动化部署解决方案。 ... [详细]
author-avatar
宝贝2502940717
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有