JavaScript 및 jQuery를 사용하여 요소 가시성을 전환하는 방법은 무엇입니까?

버튼으로 요소 가시성 전환

HTML에서는 때로는 사용자 작업에 따라 요소를 동적으로 숨기거나 표시해야 하는 경우가 있습니다. 일반적인 시나리오 중 하나는 버튼을 사용하여 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!