알찬정보 툰코 개발 트렌드 이슈 코딩

알찬정보 툰코 개발 트렌드 이슈 코딩

  • [jquery] toggle()과 trigger()

    hellowsydney8010

    2024년 04월 19일
    개발지식
    [jquery] toggle()과 trigger()

    toggle(): 이 함수는 선택한 요소의 가시성을 전환합니다. 요소가 숨겨져 있으면 표시하고, 표시되어 있다면 숨깁니다. 이는 CSS의 display 속성을 변경하여 요소를 숨기거나 표시하는 것과 유사합니다.

    예를 들어, 다음은 버튼을 클릭할 때 특정 요소의 가시성을 토글하는 jQuery 코드입니다:

    $(“#myButton”).click(function(){
    $(“#myElement”).toggle();
    });

    trigger(): 이 함수는 지정된 이벤트를 선택한 요소에 대해 수동으로 트리거합니다. 즉, 이벤트를 발생시키는 것입니다. 예를 들어, click 이벤트를 트리거할 때:

    $(“#myButton”).trigger(“click”);

    1. 이것은 #myButton에 연결된 클릭 핸들러를 실행하게 됩니다. trigger() 메서드는 사용자의 인터랙션 없이도 JavaScript 코드에서 이벤트를 강제로 발생시킬 때 유용합니다.

    따라서 toggle()은 요소의 가시성을 전환하는 데 사용되고, trigger()는 이벤트를 수동으로 발생시키는 데 사용됩니다.

    dev, 개발, 개발자, 개발정보, 스크립트, 웹개발
    다음
    이전

    답글 남기기 응답 취소

    이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Subscribe to Our Newsletter!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Subscribe Now

Copyright © 2023 Sydney Note

Design by ThemesDNA.com