jquery show()関数
翻訳結果：
show
英[ʃəʊ] 美[ʃoʊ]
vt.& vi. 見せる; 見せて…見る; 明らかにする; 実行する
vt.説明;説明;指示;デモンストレーション
n.表示;パフォーマンス;展示;外観
vi.見られる、現れる、明白である
jquery show()関数構文
機能:選択した要素が非表示になっている場合は、これらの要素を表示します。
# 構文: $(selector).show(speed,callback)
パラメータ:
| パラメータ | 説明 |
| speed | オプション。要素が非表示から完全に表示されるまでの時間を指定します。デフォルトは「0」です。可能な値: ミリ秒 (例: 1500) 「遅い」 「標準」 「速い」 速度を設定すると、要素は非表示から完全に表示されるまでに、高さ、幅、マージン、パディング、および透明度が徐々に変化します。 |
| コールバック | オプション。 show 関数の実行後に実行される関数。このパラメータは速度パラメータが設定されていないと設定できません。 |
注: 要素がすでに完全に表示されている場合、コールバック関数が指定されない限り、効果は変わりません。この効果は、jQuery によって非表示になった要素、または CSS で宣言された display:none を持つ要素に作用します (ただし、visibility:hidden を持つ要素には作用しません)。
jquery show()関数例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide();
});
$(".btn2").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します