Javascript 将字体图标设置为jquery

我正在使用html、css3和jquery。我想在jquery中使用字体图标。但我不知道如何在Jquery中使用字体图标

字体图标：

<i  class="fa-spinnerZoom fa fa-spinner fa-pulse fa-3x fa-fw "></i>

字体图标在html代码中运行良好。

---

我想将此图标设置为jquery代码。

这里有一个解决方案，我建议使用

作为目标，而不是“显示图标”的子项，更紧一些

页面标题
$（'.display icon'）。单击（函数（）{
$（此）.children（“i”）.attr（“类”，“fa-fa-circle-o-notch fa-pulse fa-3x fa-fw”）；
});  

试试这个：

    $('.display-icon').click(function(){
    $("#show-icon").addClass('fa-spinnerZoom fa fa-spinner fa-pulse fa-3x fa-fw ');
});

以及：

点击我：）

---

我希望这能解决您的问题：）

如果您想在单击按钮时添加微调器图标，您可以在HTML中所需的位置插入，并使用javascript切换可见性（在您的情况下为jQuery）：

$（文档）.ready（函数（）{
$（“#切换微调器”）。在（'click'，function（）上{
$（“#我的微调器”）.toggle（）；
});
});

您还可以在DOM中添加和删除HTML元素：

$(' <div id="my-spinner" class="display-icon"> <i class="fa-spinnerZoom fa fa-spinner fa-pulse fa-3x fa-fw "></i> </div> ').appendTo('body');

$('#my-spinner').remove();

$（''）.appendTo（'body'）；
$（“#我的微调器”）.remove（）；

您可以将图标添加到div中，并将display属性设置为none。无论何时您需要它，都可以从JQuery显示它。或者从jquery:$（'#您的_div_id'）.html（“”）；这两个都可以。设置图标是什么意思？我想将jquery中的图标与您的第一条注释（代码）放在同一位置。它不起作用。你能分享代码吗？没有Jquery，如果你直接把它放在div中，它会出现吗？如果你喜欢我的问题，那么投票可以帮助其他人获得最佳答案。谢谢节省我的时间非常感谢。如果你喜欢我的问题，请用全数回答其他人，然后投票表决。再次感谢你的努力。

    $('.display-icon').click(function(){
    $("#show-icon").addClass('fa-spinnerZoom fa fa-spinner fa-pulse fa-3x fa-fw ');
});

    <div class="display-icon">
    click me :)
    <i  class="" id="show-icon"></i>
</div>

<script>
$(document).ready(function(){
    $('#toggle-spinner').on('click', function(){
        $('#my-spinner').toggle();
    });
});
</script>

<input type="button" id="toggle-spinner" value="Toggle spinner"/>
<div id="my-spinner" class="display-icon" style="display: none"> <i class="fa-spinnerZoom fa fa-spinner fa-pulse fa-3x fa-fw "></i> </div>

$(' <div id="my-spinner" class="display-icon"> <i class="fa-spinnerZoom fa fa-spinner fa-pulse fa-3x fa-fw "></i> </div> ').appendTo('body');

$('#my-spinner').remove();