HTML 标签TAG前面使用jQuery、Javascript、CSS插入特殊文本的方式

如果你想在HTML 标签TAG前面使用插入一段特殊样式的文本，这里有jQuery/Javascript、CSS等三种方式可以提供给你参考，CSS中我们可以使用伪类（:: first-letter）的方式去做的方法，jQuery/JavaScript中有方法$("选择器").html()可以实现！

示例：

<div class="myclass">A simple example...</div>

<div class="myclass"><span>A</span> simple example ...</div>

CSS中我们可以使用伪类（:: first-letter）的方式去做的方法：

.myclass::first-letter {
  font-size: 2em;
  color: gold;
}
<div class="myclass">A simple example...</div>

JavaScript/jQuery方法：

$(".myclass").html((i, t) => `<span>${t.slice(0,1)}</span>${t.slice(1)}`);
<div class="myclass">A simple example...</div>
<script src="/jquery.min.js"></script>

在使用JavaScript/jQuery的方法的时候，记得一定要引用jQuery的库。$("选择器").html()是一种经常用到的jQuery方法，大家要留意记在心里哦！

赞 0

打赏 微信扫一扫 支付宝扫一扫