DIV_jquery を表示および非表示にするための JQuery メソッドとコード例

1. ロード中に非表示になっている場合:

コードをコピーします コードは次のとおりです:

<頭>
<スクリプト言語="javascript">
関数 HideWeekMonth()
{
$("#tt1").hide();
$("#tt2").hide();
}

2. 動的非表示と表示:

コードをコピー コードは次のとおりです:

               
               
                <?php echo $ini_array['time.one']?>    
                <?php echo $ini_array['time.day']?>    
                <?php echo $ini_array['time.week']?>    
                <?php echo $ini_array['time.month']?>    
               

               
               

               
                   

                    1     
                    2     

               

               
03     
                    04     

                                                                                               

<スクリプトタイプ="text/javascript" >
$("#btnOne").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });
$("#btnDay").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });
$("#btnWeek").bind("click", function(event) { $("#tt1").show(); $("#tt2").hide(); });
$("#btnMonth").bind("click", function(event) { $("#tt1").hide(); $("#tt2").show(); });

上記のコードの前に、次の文を追加することもできます:

コードをコピー コードは次のとおりです:

jqueryを使うと非常に便利です。例えばdivの表示と非表示を制御したい場合は、以下の手順を参照してください。
$("#id").show() は表示:ブロックを意味します。

$("#id").hide() は、display:none を意味します。 $("#id").toggle() は要素の表示状態を切り替えます。要素が表示されている場合は非表示に切り替え、要素が非表示になっている場合は表示に切り替えます。
$("#id").css('表示','なし'); $("#id").css('表示','ブロック'); または
$("#id")[0].style.display = 'none';