JQuery의 토글을 사용하여 웹 페이지 로딩 후 자동 팝업 창 구현_jquery

토글() 이벤트 주로 요소의 표시 상태를 전환합니다.

1. 토글(스위치) ①스위치는 옵션값으로, 미입력 시 원래 요소가 숨겨지면 표시됩니다.

HTML 코드:

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

다시 안녕하세요

jQuery 코드:

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

$("p").toggle()

결과 :

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

Hello

Hello Again

② switch 값이 있으면 TRUE 또는 false입니다. TRUE이면 요소가 표시되고, FALSE이면 요소가 숨겨집니다.
HTML

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

안녕하세요

JQuery

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

var i = 0
$("#b"). click(function(){
$("#tt").toggle(i %2==0);
})

2. ]) 속도는 선택사항입니다. 매개변수는 요소 애니메이션의 속도를 나타냅니다. 해당 값은 (느림, 보통, 빠름)일 수 있습니다. 실행할 수 있습니다.

HTML 코드

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

< ;p style ="display: none" id = "t">안녕하세요

JQuery 코드

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

$("#t").toggle("slow",function(){
alert("123456") );
} );

즉, 두 번째 방법을 사용하면 속도를 숨기면 자동으로 웹 페이지가 로드되고 화면이 팝업됩니다.