div가 jquery에 표시되지 않도록 하는 방법

jquery로 div를 표시하지 않게 만드는 방법: 1. div가 표시되지 않도록 [attr()] 메서드를 사용하여 div를 표시합니다. 2. div를 표시하지 않으려면 [CSS()] 메서드를 사용합니다. 3. div가 표시되지 않도록 하려면 [ hide()] 메소드를 사용하십시오.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.5.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

div가 표시되지 않도록 하는 Jquery 메서드:

방법 1: div가 표시되지 않도록 하려면 디스플레이 속성과 함께 attr() 메서드를 사용하세요.

$("div").attr("style","display:none;");//隐藏div

확장:

$("div").attr("style","display:block;");//显示div

방법 2: CSS() 메서드 사용 div가 표시되지 않도록 하려면 display 속성을 사용하세요.

$("div").css("display","none");//隐藏div

확장:

$("div").css("display","block");//显示div

방법 3: hide() 메서드를 사용하여 div가 표시되지 않도록 하고

hide() 메서드를 사용하여 선택한 요소를 숨깁니다.

팁: 이는 CSS 속성 display:none과 유사합니다.

• 참고: 숨겨진 요소는 완전히 표시되지 않습니다(더 이상 페이지 레이아웃에 영향을 주지 않습니다).

팁: 숨겨진 요소를 표시하려면 show() 메서드를 확인하세요.

예:

$("div").hide();//隐藏div
$("div").show();//显示div

참고:

• $("div").show()는 표시:블록을 의미하고,

• $("div").hide()는 표시:없음을 의미합니다.

방법 4: div가 표시되지 않도록 하려면ggle() 메서드를 사용하세요.

toggle() 메서드는 선택한 요소에서 hide()와 show() 사이를 전환합니다.

이 방법은 선택한 요소의 표시 상태를 확인합니다. 요소가 숨겨져 있으면 show()가 실행되고, 요소가 표시되면 hide()가 실행됩니다. 이렇게 하면 토글 효과가 생성됩니다.

참고: 숨겨진 요소는 완전히 표시되지 않습니다(더 이상 페이지 레이아웃에 영향을 미치지 않습니다).

예:

$("div").toggle(//动态显示和隐藏
         function () { 
              $(this).attr("style","display:none;");//隐藏div
         },
         function () {    
              $(this).attr("style","display:block;");//显示div
         }
      );

관련 무료 학습 권장 사항: JavaScript(동영상)

위 내용은 div가 jquery에 표시되지 않도록 하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!