appendTo
发表于|更新于
|浏览量:
人类经常把一个生涯发生的事,撰写成历史,在从那里看人生;其实,那不过是衣服,人生是内在的——罗曼。罗兰
我们可以使用jquery中的appendTo函数在一个标签追加到另一个标签内部的结尾
例如我博客这里

我们再执行
1 | $("<span>ruben</span>").appendTo(".navbar-brand") |
执行完成后效果如下

<span>ruben</span>追加到我们的”阿超”后面了
相关推荐
2020-08-24
兼容IE浏览器
今天客户说他那边网站崩了,让客户截了个图,看到是ie浏览器。。。我瞬间的反应是崩溃的 所以才有了这篇博客 这里分享一个小工具,能把ES6语法转成IE支持的语法 使用方式很简单 解压,用vscode打开 控制台输入cnpm i 然后把你的js文件放到src\js下面 转换前是这样的 我们npm run build一遍 可以看到我们的dist目录下面已经生成了转换好的js了 2020年,竟然还有人用IE。。。 下载链接
2025-05-31
remix
精诚所加,金石为开。——《后汉书·光武十王列传》 https://remix.run/ https://github.com/remix-run/remix Remix:现代化的全栈 Web 框架随着 Web 开发技术的不断演进,开发者对框架的要求不仅局限于前端性能的优化,还包括后端数据处理、SEO 支持以及高效的开发体验。为了解决这些需求,Remix 应运而生。 Remix 是一个现代化的全栈 Web 框架,专注于提供最佳的开发者体验和用户体验。它以渐进增强的理念为核心,帮助开发者构建快速、可交互性强、并且易于扩展的 Web 应用。 什么是 Remix?Remix 是一个开源的全栈 Web 框架,致力于优化应用的性能和开发体验。它允许开发者同时处理客户端和服务端逻辑,使得应用的交互性和性能达到最佳状态。 Remix 的核心优势包括: 服务端渲染(SSR):通过服务端渲染提高初次加载速度和 SEO 表现。 渐进增强:支持现代浏览器功能,同时为低性能设备提供良好体验。 路由驱动开发:基于文件系统的路由,让开发者专注于功能实现。 数据加载优化:支持服务端数据加载和缓存机制,减...
2026-01-16
web-check
盲人无白天,醉鬼无时间。——朝鲜 Web-Check:把网站的“体检报告”一次看全如果你经常需要快速看清一个网站的真实状态,像安全配置、技术栈、DNS、证书链、开放端口、抓取规则、历史档案、全球排名这些信息,手动东查西找不仅费时,还很难汇总成能拿来决策的视图。Web-Check 把这件事做成了一件顺手的事。 项目描述很直接:All‑in‑one OSINT tool for analysing any website。它既是一个开源的站点分析工具,也是一个面向安全研究、站点优化、架构梳理的“现场勘察面板”。你输入一个域名或 URL,它会从多个维度把相关数据拉齐,生成一份可以阅读、可以操作的综合报告。 项目主页:web-check.xyz 在线演示:web-check.as93.net 源码仓库:GitHub-Lissy93/web-check 镜像仓库:Codeberg 能看到什么Web-Check 的看板会聚合一组核心任务,围绕“了解、优化、加固”三件事展开。以下是常见板块的节选与用途说明: IP 信息查询域名对应的 IP,为后续探测提供基础。常用于绘制目...
2024-09-23
position-try-fallbacks
教育成功的秘密,在于尊重学生。——爱默生 昨天我们聊到了 position-try | 阿超 今天是它的拓展,我们通过@position-try定义移动到的位置,然后用position-try使用 语法例如: 12345678910@position-try --my-custom-position { position-area: top left; width: 50px;}.target { position: absolute; position-area: top right; position-try-fallbacks: --my-custom-position;} 我们这里还是用昨天的例子,定义一个 12345/* 定义自定义的 `position-try` 规则,用于小型目标元素的样式 */@position-try --compact-target { height: 40px; /* 高度设为40px */ margin: 0px; /* 没有边距 */} 然后我们使...
2024-12-08
macosicons
有人尖刻地嘲讽你,你马上尖酸地回敬他。有人毫无理由地看不起你,你马上轻蔑地鄙视他。有人在你面前大肆炫耀,你马上加倍证明你更厉害。有人对你冷漠,你马上对他冷淡疏远。看,你讨厌的那些人,轻易就把你变成你自己最讨厌的那种样子,这才是“敌人”对你最大的伤害。——扎西拉姆·多多《喃喃》 分享一个开源图标库 macOS Big Sur风格的流行应用程序的替换图标 GitHub - elrumo/macOS_Big_Sur_icons_replacements: Replacement icons for popular apps in the style of macOS Big Sur Over 5000+ free icons for macOS Monterey, Big Sur & iOS - massive app icon pack 您只需下载所需的图标,在 Finder 上找到要更新的应用程序,选择它并“File > Get Info”或“⌘-I”,然后将下载的 .icns 文件拖放到新窗口中。
2025-05-24
CircularProgressBar
丈夫志四海,万里犹比邻。—— 曹 植《赠白马王彪》 https://github.com/lopspower/CircularProgressBar Android 自定义控件推荐:CircularProgressBar 完美实现圆形进度条在 Android 开发中,进度条是一种非常常见的 UI 元素,用于展示任务的完成进度。虽然系统自带了 ProgressBar,但其样式单一,无法满足复杂的 UI 需求。为了解决这一问题,CircularProgressBar 提供了一种简单易用的解决方案,帮助我们轻松实现高度定制化的圆形进度条。 本篇文章将为你详细介绍 CircularProgressBar 的功能、特点以及如何快速上手使用。 什么是 CircularProgressBar?CircularProgressBar 是一个开源的自定义控件,用于实现 Android 中的圆形进度条。由 lopspower 开发,CircularProgressBar 提供了灵活的 API 和丰富的样式选项,可以轻松满足各种设计需求。 CircularProgressBar 的功能亮点 高...

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