appendTo

发表于2021-06-04|更新于2026-02-24

|浏览量:

人类经常把一个生涯发生的事，撰写成历史，在从那里看人生；其实，那不过是衣服，人生是内在的——罗曼。罗兰

我们可以使用jquery中的appendTo函数在一个标签追加到另一个标签内部的结尾

例如我博客这里

我们再执行

1	$("<span>ruben</span>").appendTo(".navbar-brand")

执行完成后效果如下

<span>ruben</span>追加到我们的”阿超”后面了

相关推荐

只回忆过去是差劲的记忆。——卡罗尔 https://github.com/outline/outline https://www.getoutline.com/ Outline: 一个现代化的团队知识库项目概述Outline 是一个快速、协作的知识库，旨在帮助团队更高效地管理和分享知识。它基于 React 和 Node.js 构建，提供了一个现代化的界面和丰富的功能，支持团队内部的文档管理和协作。关键功能协作编辑：支持多用户同时编辑文档，实时同步变化。文档嵌入：支持嵌入各种类型的媒体，如图片、视频、代码片段等。版本控制：每次文档修改都会自动保存新版本，方便用户查看和恢复历史版本。全文搜索：强大的全文搜索功能，快速定位所需文档内容。权限管理：灵活的权限管理系统，确保文档安全。项目活动最近发布最新发布的版本是 v0.82.0，包括以下主要改进：提到文档时自动保持标题和图标同步。编辑器嵌入内容现在可以垂直调整大小。粘贴链接时有嵌入或链接的选项。升级 Mermaid 图表到 v11。粘贴远程图片时会自动上传到 Outline 存储。新表格现在具有固定宽度...

图片懒加载（二）

何以息谤？曰：“无辩”。何以止怨？曰：“无争”。——王通之前写了图片懒加载今天来一种方式： https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img#attr-loading 采取loading="lazy"方式延迟加载图像，直到它和视口接近到一个计算得到的距离（由浏览器定义）。目的是在需要图像之前，避免加载图像所需要的网络和存储带宽。这通常会提高大多数典型用场景中内容的性能。 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width...

css background图片

只有用水将心上的雾气淘洗干净，荣光才会照亮最初的梦想。——『百年孤独』 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片如果我们需要修改透明度，则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次，我们可以设置拉伸效果和位置：包含（表示不进行任何裁剪，多余的部分会空出，center是表示位置处于正中央） 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满，会进行裁剪) 1...

小程序框架vue-mini

即使对于君主，研究学问的道路也是没有捷径的。——阿基米德分享一个基于 Vue 3 的小程序框架 https://vuemini.org/ https://github.com/vue-mini/vue-mini Vue Mini 是一个基于 Vue 3 的小程序框架，它能让你用组合式 API 写小程序。与某些小程序开发方案不同的是 Vue Mini 核心仅仅是一个轻量的运行时库，它既不依赖任何编译步骤，也不涉及任何 Virtual DOM。并且 Vue Mini 从一开始就被设计为能跟小程序原生语法协同工作，你甚至能在同一个页面或组件内混用原生语法与 Vue Mini，这能让你很轻松的将其整合进既有项目中。当然，你也能完全使用 Vue Mini 开发一个小程序。 Vue Mini 仅聚焦于小程序逻辑部分，也就是 JS 部分，它并不影响小程序的模版、样式及配置。快速创建 1234npm create vue-mini@latestcd <your-project-name>npm installnpm run dev 然后就可以用微信开发者工具打开

人活一生，值得爱的东西很多，不要因为一个不满意，就灰心。——路遥 Github: https://github.com/n8n-io/n8n官网: https://n8n.io/ 最近在探索工作流自动化时，我发现了一个非常有趣的开源工具——n8n。它是一个低代码（Low-Code）工作流自动化平台，可以帮助开发者和业务人员以非常简单的方式创建自动化流程，连接不同的应用程序和服务。n8n的设计理念是为了让复杂的工作流变得简单易用，同时也支持高度的自定义，非常适合需要快速集成多个系统的场景。 n8n的特点非常突出。首先，它是完全开源的，你可以自由地修改和扩展它的功能。其次，n8n支持几乎所有主流的API和服务，比如Google Sheets、Slack、GitHub、AWS、Twitter等。对于每个服务，n8n都有一个内置的节点（Node），用户只需要简单地配置这些节点，就可以实现系统间的数据交换和自动化操作。 n8n的界面非常直观，提供了一个可视化的工作流编辑器，可以通过拖拽的方式连接不同的节点来定义工作流。对于不熟悉编程的用户来说，这种方式非常友好；而对于开发者，n8n也提...

文本精准对齐

即使饱含泪水，我仍旧将它们擦干；即使不被信任，我仍旧相信。就是这样，也将是这样。——保罗·科埃略的《阿莱夫》 CSS 如何让文本随背景图等比例缩放？背景在响应式布局中，我们经常需要让文本标注准确地贴合背景图，并且在窗口缩放时，文本应保持相对位置不变，同时等比例缩放。然而，传统的 position: absolute 方式往往会导致文本发生偏移，影响对齐。最佳实践：position + transform在 CSS 中，最简单且稳定的方法是结合： 1234position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); 这能确保文本始终居中，不随容器缩放而偏移。原理解析 position: absolute 确定参考点文本相对于 position: relative 的父元素进行绝对定位。 left: 50%; top: 50% 让文本的左上角位于背景图 50% 的位置。 transform: translate(-50%, -50%) 精准居中向左移动自身宽度 50% (t...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中