JavaScript または jQuery を使用してボタンで Div の可視性を制御するにはどうすればよいですか?-CSSチュートリアル-php.cn

JavaScript または jQuery を使用してボタンで Div の可視性を制御するにはどうすればよいですか?

Barbara Streisand

リリース： 2024-12-21 10:59:09

オリジナル

292 人が閲覧しました

How Can I Control Div Visibility with a Button Using JavaScript or jQuery?

ボタンを使用して Div の可視性を操作する方法

さまざまな方法を使用して、ボタンを通じて div 要素の可視性を制御できます。その方法は次のとおりです:

純粋な JavaScript:

このメソッドは CSS:

var button = document.getElementById('button');
button.onclick = function() {
    var div = document.getElementById('newpost');
    if (div.style.display !== 'none') {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';
    }
};

ログイン後にコピー

jQuery の表示プロパティを利用します。

jQuery はより簡潔ですアプローチ:

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

ログイン後にコピー

説明:

JavaScript メソッドは、div の表示プロパティを 'none' (非表示) と 'block' (表示) の間で直接切り替えます。。 jQuery メソッドは、操作の非表示と表示を簡単に処理する toggle() 関数を使用します。

以上がJavaScript または jQuery を使用してボタンで Div の可視性を制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。