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

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

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

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

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

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

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

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