フォントの素晴らしいアイコンをjqueryに設定

私はhtml、css3、jqueryを使用しています。そして、私はjqueryに素晴らしいawesomeアイコンを使用したいと思います。しかし、私はJqueryに素晴らしいフォントアイコンを使用する方法を知らない。フォントの素晴らしいアイコンをjqueryに設定

FONTのICON：

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

CODE：

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

のjQuery CODE：htmlコードに細かい作業

$('.display-icon').click(function(){ 
-----FONT AWESOME ICON------ 
});

フォント素晴らしいアイコン。このアイコンをjqueryコードに設定したいとします。ここで

出典

2016-04-16 V SH

divにアイコンを追加して、表示プロパティをnoneに設定することができます。そして、あなたが望むときはいつでも、JQueryからそれを見ることができます。またはjquery：$（ '＃your_div_id'）.html（ ""）;両方とも正常に動作します。 – induprakash

アイコンを設定するとどういう意味ですか？ – induprakash

最初のコメント（コード）と同じjqueryからこのアイコンを挿入したいと思います。それは動作していません。 –

が解決され、私の代わりに子供 "表示アイコン"、よりタイトのの<i id="myId">でターゲットを示唆している...

<html> 
<head> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> 
    <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> 
</head> 
<body> 
    <div class="display-icon"> 
    <i class="fa-spinnerZoom fa fa-spinner fa-pulse fa-3x fa-fw "></i> 
    </div> 
</body> 
<script> 
    $('.display-icon').click(function() { 
     $(this).children("i").attr("class", "fa fa-circle-o-notch fa-pulse fa-3x fa-fw ") ; 
    }); 
</script> 
</html>

出典

2016-04-16 06:16:08 sonjz

おかげで時間を節約してくれてありがとう。あなたが私の質問が好きなら、投票して他の人に十分に使ってください。もう一度あなたの努力をありがとう –

これを試してみてください：

$('.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>

あなたの問題だ:)

出典

2016-04-16 06:37:05

あなたが私の質問が好きなら、投票は他の人に役立ち、最善の答えになります。 –

ありがとうございました。 –

あなたはボタンがクリックされたときにスピナーアイコンを追加したい場合は、HTMLでの所望の位置に挿入し、（あなたのケースではjQueryの）JavaScriptで表示を切り替えることがあります。

<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>

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();

出典

2016-04-16 07:28:59 guzmanfg

フォントの素晴らしいアイコンをjqueryに設定

答えて

関連する問題