ホームページ >ウェブフロントエンド >jsチュートリアル >DIV_jquery を表示および非表示にするための JQuery メソッドとコード例

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

WBOY
WBOYオリジナル
2016-05-16 16:03:431083ブラウズ

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。