CSS 클래스 수정 시 jQuery의 `change()` 이벤트가 트리거됩니까?

jQuery를 통해 CSS 클래스 변경 시 이벤트 트리거

jQuery 영역에서는 CSS 클래스가 변경될 때 특정 이벤트를 활성화하는 것이 바람직한 경우가 많습니다. . 그러나 본질적인 질문이 생깁니다. CSS 클래스 수정 시 기본 jQuerychange() 이벤트가 자동으로 트리거됩니까?

불행히도 대답은 '아니오'입니다. Change() 이벤트는 값이 변경된 후 포커스가 입력 요소를 떠날 때만 트리거됩니다. 따라서 CSS 클래스 변경 사항을 효과적으로 수신하려면 대체 접근 방식이 필요합니다.

한 가지 옵션은 jQuery의 Trigger() 함수를 사용하여 사용자 정의 이벤트를 수동으로 트리거하는 것입니다. 이벤트 리스너를 사용하면 CSS 클래스가 추가되거나 제거될 때마다 특정 작업을 실행할 수 있습니다. 다음 코드 조각은 이 기술을 보여줍니다.

$(this).addClass('someClass');
$(mySelector).trigger('cssClassChanged')

...

$(otherSelector).bind('cssClassChanged', data, function(){ do stuff });

이 접근 방식을 사용하면 CSS 클래스 변경에 구체적으로 응답하는 맞춤형 이벤트를 생성하여 애플리케이션 내에서 원하는 기능을 달성할 수 있습니다.

위 내용은 CSS 클래스 수정 시 jQuery의 `change()` 이벤트가 트리거됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!