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

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

<span>ruben</span>追加到我们的”阿超”后面了
相关推荐
2021-09-06
置顶小标签
美色不同面,皆佳于目;悲音不共声,皆快于耳。——王充 原理是通过一个红色div加红色背景颜色,旋转45后度再整个边框设置超出部分隐藏 效果如下: 代码: 12345<div class="top-article-tag-parent"> <div class="top-article-tag"> 置顶 </div></div> 样式: 123456789101112131415161718.top-article-tag-parent { overflow: hidden; position: absolute; right: 46rpx; height: 80rpx; width: 100rpx; zoom: 0.8;}.top-article-tag { color: #fff; background-color: #ff0000; width: 150rpx; height: 40rpx; text-align: cente...
2022-12-15
低仿lusaxweb鼠标
幸福的婚姻生活,往往会被卑鄙的勾当、阴险的猜忌所破坏。——莎士比亚 这是 http://lusaxweb.net/ 它的鼠标很有意思,是一个圈,能够反色,我们低仿一个 代码如下: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html><head> <style> * { margin: 0; padding: 0; cursor: none; } .img { height: 80vh; width: 80vw; overflow: hidden; } .img:ho...
2020-08-25
简单CSS实现图片旋转
图片旋转~ 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 200px; height: auto; margin: 20% auto; animation: myrotate 3s linear infinite...
2022-05-24
css继承
浅水是喧哗的,深水是沉默的。——雪莱 我们知道CSS中一些属性会被继承:给父节点设置样式,子节点也会生效例如color、font-size之类的 但像widths, margins, padding, 和 borders 不会被继承,如果被继承,设想一下,给父节点加了一个border,里面的每个子孙元素都有一个border,这不是我们通常想要的效果 如何来控制这些属性呢? CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上,就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的,那么会设置为 inherit 。 unset 将属性重置为自然值,也就是如果属性是自然继承那么就是 inherit,否则和 initial一样 这里有一个简单的demo: 12345678910111213141516171819202122232425262728293031<div> <h2> ...
2022-02-05
标签模板
不慕古,不留今,与时变,与俗化。——《管子·正世》 按照阮一峰ES6入门中写到的 我们可以使用函数名+模板字符串写法来调用函数,例如: 定义这样一个函数 123function templateFun(arguments){ return `Hello ${arguments[0]}!`} 这里简单用模板字符串,返回Hello +参数数组第一项元素+! 我们普通调用写法: 1templateFun(['Ruben']) 输出'Hello Ruben!' 我们如果使用标签模板,写法如下: 1templateFun`Ruben` 如果其中有变量,则会进行剥离拆分,我们对函数稍加修改,参数改为可变参数 12345function templateFun(...arguments){ console.log(arguments) return `Hello ${arguments}!`}templateFun`Ruben${'...
2025-02-05
vue-vben-admin
你与别人花费一样的时间,因为别人用心,而你吊儿郎当,所以到了最后检验成果的时候,别人成功,而你除了赔了时间之后,一无所得。——飞行员舒克 https://github.com/vbenjs/vue-vben-adminhttps://www.vben.pro/ 在开发后台管理系统时,Vue Vben Admin 是一个让我印象深刻的项目。它基于 Vue 3、Vite 和 TypeScript,为开发者提供了一个功能丰富的中后台模板,开箱即用。通过结合现代前端技术栈,Vben Admin 在性能优化、开发体验和灵活性上都表现得非常出色。 项目特点 最新技术栈:使用 Vue 3 和 Vite 进行开发,支持热更新和快速构建,极大提升了开发效率。 TypeScript 支持:代码类型安全、自动补全,降低了代码维护成本。 主题系统:支持多套预定义主题,用户还可以自定义主题色彩,打造符合品牌风格的界面。 国际化(i18n):内置国际化方案,支持多语言切换,方便面向全球用户的项目开发。 权限管理:提供动态路由和权限控制方案,可以根据用户角色灵活配置不同的页面和功能访问权限。 这些特点...

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