이벤트 핸들러 내에서 jQuery를 사용하여 TD 태그의 클래스 이름을 어떻게 정확하게 변경할 수 있습니까?

jQuery: 정밀하게 클래스 이름 변경

특정 HTML 태그의 클래스를 수정할 때는 선택의 정확성이 필수적입니다. 이는 다른 DOM 요소의 이벤트 핸들러 내에서 작업할 때 더욱 중요해집니다.

다른 DOM 객체의 클릭 이벤트 내에서 이를 어떻게 달성할 수 있나요?

jQuery에서 Rescue

jQuery는 요소 클래스 조작을 위해 특별히 맞춤화된 강력한 기능 세트를 제공합니다. 사용 방법은 다음과 같습니다.

클래스 설정(덮어쓰기)

이전 값에 관계없이 클래스를 설정하려면 .attr()을 사용하세요.

$("#td_id").attr('class', 'newClass');

클래스 추가

사용 .addClass()를 사용하면 기존 클래스에 클래스를 추가할 수 있습니다.

$("#td_id").addClass('newClass');

클래스 교체(토글)

교대로 제거하거나 추가하려면 .toggleClass()를 사용하세요. 클래스:

$("#td_id").toggleClass('change_me newClass');

jQuery 클래스 메소드

더 많은 옵션을 위해 jQuery는 클래스 조작을 위한 포괄적인 메소드 모음을 제공합니다. 속성:

• .hasClass()
• .removeClass()
• .toggleClass()
• .switchClass()

위 내용은 이벤트 핸들러 내에서 jQuery를 사용하여 TD 태그의 클래스 이름을 어떻게 정확하게 변경할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!