2016-05-26 17 views
-1

このコードの各行が何をしているかを理解しようとしています。なぜ$がありますか?それは何ですか?誰でも手伝いできますか?この関数の機能と意味は何ですか?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<head> 
<script> 
i=1; 
$(document).ready(function(){ 
    $("button").click(function(){ 

    if(i==1){ 
    document.getElementById("tf1").setAttribute("fill", "transparent"); 
    document.getElementById("tf2") .setAttribute("fill", "yellow"); 
     i=2; 
    }else if (i==2){ 
    document.getElementById("tf2").setAttribute("fill", "transparent"); 
    document.getElementById("tf3") .setAttribute("fill", "green"); 
    i=3; 
     } else if(i==3) { 
    document.getElementById("tf3").setAttribute("fill", "transparent"); 
    document.getElementById("tf1").setAttribute("fill", "red") ; 
     i=1; 
    }  

    }); 
}); 

</script> 
+0

$は、jQuery関数/コードであることをドキュメントに伝えています。コードの残りの部分は次のようになります。iの値が1であることを確認します。i = 1の場合、これらの属性を設定し、iの値を2にリセットします。次に、それがチェックされています:i = 1の場合、それらの属性を設定して、iの値を3にリセットします。そしてi = 3の場合も同様です。 – Sergio

答えて

0

$ - jQueryを定義/アクセスするためのものです。

$(文書) - ファイル全体が検討中であることを意味します。 $( "ボタン") - 文書内のすべてのボタンを意味します。

Nowボタンをクリックし、iが1である場合、コード、 は、その後のID TF1との任意の要素は、透明色を有することになるとID TF2との任意の要素は、イエローcolor.Thenセットを有するであろうiが2

ボタンがクリックされ、iが2の場合、ID tf2の要素は透明色になり、ID tf3の要素は緑色になります。次いで、1

iがボタンをクリックし、iが3である場合、IDのTF3との任意の要素は、透明色を有することになるとID TF1との任意の要素は、赤色color.Thenセットを有するであろう。3.

iが設定

ボタンをクリックするたびに、iの値が毎回異なるように設定され、そのIDを持つ文書要素が毎回色を変更します。

+0

私のコードはassestsまたは配列を使用しますか? – luly

+0

いいえ:) jQueryに慣れていない場合は、http://www.w3schools.com/jquery/から始めるのが最適です。非常に簡単なチュートリアルがあります。 – user3597719

+0

もし私がassestsを使用したのであれば、彼らはどこに最も適していますか? – luly

関連する問題