非表示ページを表示するための JQuery メソッドのまとめ elements_jquery

jquery で div を表示および非表示にする方法は数多くあります。たとえば、比較的単純な関数 show()、hide()、toggle()、slideDown() や、以下の div の style 属性を設定する css などです。導入。

show() メソッド

非表示の

要素を表示します。

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

$(".btn2").click(function(){
$("p").show();
});

toggle() メソッド

toggle() メソッドは、要素の表示状態を切り替えます。
選択した要素が表示されている場合は非表示にし、選択した要素が非表示になっている場合は表示します。

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

<頭>

<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle(1000);
});
});

これは段落です。

切り替え

slideDown() メソッド

スワイプして非表示の

要素を表示します:

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

$(".btn2").click(function(){
$("p").slideDown();
});

hide() メソッド

表示されている

要素を非表示にする:

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

$(".btn1").click(function(){
$("p").hide();
});

この関数は、show と一緒によく使用されます。

css() メソッド

css() メソッドは、選択された要素の 1 つ以上のスタイル属性を設定または返します。

CSS プロパティを返す
指定された CSS プロパティの値を返すには、次の構文を使用します:

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

css("プロパティ名");
$("p").css("表示","なし");

例を見てみましょう

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

<スクリプトタイプ="text/javascript"> $(document).ready( function(){}); 関数 hidden(){
$("#divObj").hide();//hide() 関数を使用して非表示を実装するには、括弧内に時間パラメータ (ミリ秒) を指定することもできます。たとえば、hide(2000) は 2000 の速度で非表示になります。ミリ秒、そして低速、高速を実現することもできます
}
関数 slideToggle(){
$("#divObj").slideToggle(2000);//カーテン効果を切り替えるには、クリックして閉じるか、クリックして開きます。パラメータの説明は上記と同じです
。 }
関数 show(){
$("#divObj").show();//表示、パラメータの説明は上記と同じです
}
関数 toggle(){
$("#divObj").toggle(2000);//表示と非表示の切り替え、パラメーターはなしでも可能、パラメーターの説明は上記と同じです

}
関数 slide(){
$("#divObj").slideDown(); // カーテン効果の拡張
}

div 内のコンテンツの特殊効果を表示または非表示にします

1. テスト例
2. テスト例
3. テスト例
4. テスト例
5. テスト例
6.テスト例
7.テスト例
8.テスト例
9. テスト例
0.テスト例