JavaScript と jQuery を使用して要素の表示/非表示を切り替えるにはどうすればよいですか?

ボタンで要素の表示/非表示を切り替える

HTML では、ユーザーのアクションに基づいて要素を動的に非表示または表示する必要がある場合があります。一般的なシナリオの 1 つは、ボタンを使用して div の表示/非表示を切り替えることです。ここでは、純粋な JavaScript と jQuery を使用してこれを実現する方法を示します。

純粋な JavaScript:

このメソッドには、要素の表示プロパティの操作が含まれます:

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 toggle() メソッドを使用してプロセスを簡素化します:

$("#button").click(function() { 
    // assumes element with>

以上がJavaScript と jQuery を使用して要素の表示/非表示を切り替えるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。