可以使用jQuery的toggleClass()
方法来在两个FontAwesome 5图标之间切换。该方法可以在元素上添加或删除一个或多个类。
首先,确保已经引入了FontAwesome的CSS文件和jQuery库。然后,可以使用以下代码实现图标的切换:
HTML代码:
<div id="iconContainer">
<i id="regularIcon" class="fas fa-star"></i>
<i id="solidIcon" class="fas fa-star"></i>
</div>
jQuery代码:
$(document).ready(function() {
$('#iconContainer').click(function() {
$('#regularIcon').toggleClass('fas');
$('#solidIcon').toggleClass('fas');
$('#regularIcon').toggleClass('far');
$('#solidIcon').toggleClass('fas');
});
});
上述代码中,我们使用了toggleClass()
方法来在两个图标之间切换类名。通过切换fas
和far
类,我们可以在常规图标和实心图标之间进行切换。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
注意:本回答仅提供了一个示例,实际应用中可能需要根据具体需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云