jQuery の非表示と表示の効果の実装_jquery

例

jQuery Hide()

簡単な jQuery Hide() メソッドのデモ。

jQuery Hide()

別の Hide() インスタンス。テキストを非表示にする方法を示します。

jQuery の Hide() と show()

jQuery では、hide() メソッドと show() メソッドを使用して HTML 要素を非表示にしたり表示したりできます。

例

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

文法:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

オプションの速度パラメータは、非表示/表示の速度を指定し、「遅い」、「速い」、またはミリ秒の値を取ることができます。

オプションのコールバック パラメータは、非表示または表示の完了後に実行される関数の名前です。

次の例は、speed パラメーターを指定した Hide() メソッドを示しています。

例

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

jQuery toggle()

jQuery では、toggle() メソッドを使用して Hide() メソッドと show() メソッドを切り替えることができます。

非表示の要素を表示し、表示されている要素を非表示にします:

例

$("button").click(function(){
$("p").toggle();
});

文法:

$(selector).toggle(speed,callback);

オプションの速度パラメータは、非表示/表示の速度を指定し、「遅い」、「速い」、またはミリ秒の値を取ることができます。

オプションのコールバック パラメーターは、toggle() メソッドの完了後に実行される関数の名前です。