使用 jQuery 将字体 Awesome 更改为 minus 的步骤如下:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<button id="myButton" class="fas fa-plus"></button>
.removeClass()
方法移除 fa-plus
类,然后使用 .addClass()
方法添加 fa-minus
类。代码如下:$(document).ready(function() {
$('#myButton').removeClass('fa-plus').addClass('fa-minus');
});
<script src="your-script.js"></script>
这样,当页面加载完成时,jQuery 将会选中具有 ID 为 myButton
的按钮元素,并将其字体 Awesome 类从 fa-plus
更改为 fa-minus
,实现了将字体 Awesome 更改为 minus 的效果。
请注意,这里的代码示例中使用的是字体 Awesome 5 版本,如果你使用的是其他版本,请相应地调整 CSS 文件的链接地址。
领取专属 10元无门槛券
手把手带您无忧上云