>웹 프론트엔드 >JS 튜토리얼 >jQuery 효과 - 토글() 메소드 소개

jQuery 효과 - 토글() 메소드 소개

零下一度
零下一度원래의
2017-06-26 14:56:211179검색

jQuery 효과 - 토글() 메서드

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

정의 및 사용법

toggle() 메서드는 요소의 표시 상태를 전환합니다.

선택한 요소가 표시되면 해당 요소를 숨기세요. 선택한 요소가 숨겨져 있으면 해당 요소를 표시하세요.

Syntax

$(selector).toggle(speed,callback,switch)
Parameters Description
speed

선택 사항입니다. 요소가 표시에서 숨김으로(또는 그 반대로) 전환되는 속도를 지정합니다. 기본값은 "0"입니다.

가능한 값:

  • 밀리초(예: 1500)

  • "slow"

  • "normal"

  • "fast"

속도가 설정되면 요소는 In에서 표시됩니다. 숨기는 과정, 높이, 너비, 여백, 패딩 및 투명도가 점차 변경됩니다.

이 매개변수를 설정하면 스위치 매개변수를 사용할 수 없습니다.

콜백

선택사항입니다. 토글 기능이 실행된 후 실행될 기능입니다.

콜백에 대해 자세히 알아보려면 jQuery 콜백 장을 방문하세요.

이 매개변수는 속도 매개변수를 설정하지 않으면 설정할 수 없습니다.

스위치

선택사항. 부울 값. 토글이 선택한 모든 요소를 ​​숨길지 아니면 표시할지 지정합니다.

  • True - 모든 요소 표시

  • False - 모든 요소 숨기기

이 매개변수를 설정하면 속도 및 콜백 매개변수를 사용할 수 없습니다.

팁 및 참고 사항

참고: 이 효과는 jQuery를 통해 숨겨진 요소 또는 CSS에서 선언된 display:none이 있는 요소(그러나 visible:hidden이 있는 요소는 제외)에서 작동합니다.

$(".btn1").click(function(){
$("p").toggle(1000);
});

$(document).ready(function(){
$(" .btn1").click(function(){
$("p").toggle(true);
});
});

위 내용은 jQuery 효과 - 토글() 메소드 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.