숨겨진 페이지를 표시하는 JQuery 메서드 요약 elements_jquery

jquery에서는 div의 스타일 속성을 설정하는 비교적 간단한 함수인 show(), hide(),ggle(), SlideDown(), CSS 등 다양한 방법으로 div를 표시할 수 있습니다. 소개하다.

show() 메소드

숨겨진

요소를 표시합니다.

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

$(".btn2").click(함수(){
$("p").show();
});

toggle() 메소드

toggle() 메서드는 요소의 표시 상태를 전환합니다.
선택한 요소가 표시되면 숨기고, 선택한 요소가 숨겨져 있으면 표시합니다.

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

머리>

이것은 단락입니다.

전환
본문>

slideDown() 메서드

숨겨진

요소를 보려면 스와이프하세요.

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

$(".btn2").click(함수(){
$("p").slideDown();
});

hide() 메소드

표시되는

요소 숨기기:

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

$(".btn1").click(함수(){
$("p").hide();
});

이 기능은 show와 함께 자주 사용됩니다

css() 메서드

css() 메서드는 선택한 요소의 스타일 속성을 하나 이상 설정하거나 반환합니다.

CSS 속성 반환
지정된 CSS 속성의 값을 반환하려면 다음 구문을 사용하세요.

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

css("속성이름");
$("p").css("디스플레이","없음");

예시를 살펴보세요

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

br /> $(문서).ready( function(){})
함수 hiden(){
$("#divObj").hide();//hide() 함수, 숨기기를 구현하려면 괄호 안에 시간 매개변수(밀리초)를 가져올 수도 있습니다. 예를 들어 hide(2000)는 2000의 속도로 숨깁니다. 밀리초 단위로 느리게, 빠르게 가져올 수도 있습니다
}
함수 슬라이드토글(){
$("#divObj").slideToggle(2000);//커튼 효과를 전환하려면 클릭하여 닫거나 클릭하여 열 수 있습니다. 매개변수 설명은 위와 동일합니다.
}
함수 표시(){
$("#divObj").show();//표시, 매개변수 설명은 위와 동일
}
함수 토글(){
$("#divObj").toggle(2000);//전환 표시 및 숨기기, 매개변수는 없음일 수 있으며 매개변수 설명은 위와 동일합니다

}
함수 슬라이드(){
$("#divObj").slideDown(); // 커튼 효과 확장
}

스크립트>
머리>

div

의 콘텐츠에 대한 특수 효과 표시 및 숨기기

1. 테스트 예시
​ 2. 테스트 예시
3. 테스트 예시
4. 테스트 예시
5. 테스트 예시
​​​​ 6.테스트 예시
​​ 7.테스트 예시
​​​​ 8.테스트 예시
9. 테스트 예시
            0.테스트 예시

본문>