コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > DIV_jquery を表示および非表示にするための JQuery メソッドとコード例

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

WBOY
リリース： 2016-05-16 16:03:43
オリジナル
1074 人が閲覧しました

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

関連ラベル：
jquery
ソース：php.cn
前の記事：テキスト ボックスのキャリッジ リターン イベントをリッスンし、テキスト ボックス内のスペースをフィルタリングする JavaScript メソッド_javascript スキル 次の記事：呼び出しのアプリケーション シナリオは javascript_javascript スキルに適用されます
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
jqueryを使用してHTMLデータテーブルの選択されていない行の値を取得する方法 ボタンがクリックされなかったすべての行の値を取得しようとしています。たとえば、最初の行のボタンをクリックしたときに、クリックされなかった行の値を取得したいとします。 vartabl...
から 2024-04-05 09:26:49
0
1
1418
エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です エンドユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。簡単なデモを確認するには、フィドルを参照してください: https://jsfidd...
から 2024-04-04 18:40:04
0
1
3528
ブックマークを介して純粋な CSS で要素を作成しました。作成されたが表示されない 私のコードは次のとおりです: g=document.createElement('div');g.setAttribute("id","divcont...
から 2024-04-04 17:27:27
0
1
417
Safari/Firefox iOS でフォ​​ームデータを送信できない これは、iOS 上の Safari/Firefox を除くすべてのプラットフォームで動作します: jQuery("#gform_1").one('submit'...
から 2024-04-04 12:53:48
0
1
303
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート