JQuery_jquery에서 div를 표시하고 숨기는 여러 가지 방법에 대한 간결한 요약

예

코드 복사 코드는 다음과 같습니다.

$("#top_notice").css("display", "block");//첫 번째 방법
//$("#top_notice").attr("style", "display:block;");//두 번째 방법
//$("#top_notice").show();//세 번째 방법

1. div를 숨기려면 요소의 클래스를 변경합니다. 전제는 변경된 클래스 스타일이 숨겨진 속성
을 정의한다는 것입니다.

코드 복사 코드는 다음과 같습니다.

$("#sendPhoneNum").attr("class", "n_input3")

1.2
요소에 스타일 속성을 설정합니다.

코드 복사 코드는 다음과 같습니다.

$("#top_notice").attr("style", "display:block;")

2. jquery의 CSS 메소드를 사용하여 div를 숨기도록 설정합니다

코드 복사 코드는 다음과 같습니다.

$("#sendPhoneNum").css("표시", "없음")

3. jquery의 show() 및 hide() 메소드를 사용하여 div를 숨기도록 설정합니다

코드 복사 코드는 다음과 같습니다.

$("#textDiv").show();//div 표시
$("#imgDiv").hide();//div 숨기기

div 표시 및 숨기기는 프로그래밍에서 자주 사용됩니다.

코드 복사 코드는 다음과 같습니다.

예

1. $("#demo").attr("style","display:none;");//div 숨기기
$("#demo").attr("style","display:block;");//div 표시
2. $("#demo").css("display","none");//div 숨기기
$("#demo").css("display","block");//div 표시
3. $("#demo").hide();//div 숨기기
$("#demo").show();//div 표시
4. $("#demo").toggle(
함수 () {
               $(this).attr("style","display:none;");//div 숨기기
},
함수 () {
​​​​​​ $(this).attr("style","display:block;");//디스플레이 div
}
);

참고용으로만 사용하세요!