ID를 기반으로 jQuery를 사용하여 TD 요소의 클래스를 변경하는 방법은 무엇입니까?

jQuery: ID를 기반으로 특정 DOM 요소의 클래스 이름 변경

이 질문은 웹 페이지 내 특정 td 요소의 클래스 이름입니다. 우리의 목표는 다른 DOM 요소의 클릭 이벤트 핸들러 내에서 이를 프로그래밍 방식으로 달성하는 것입니다.

jQuery를 사용한 솔루션:

jQuery는 DOM 요소의 클래스 속성을 조작하기 위한 여러 메서드를 제공합니다. HTML 요소.

클래스 설정(기존 요소 교체) 클래스):
이전 값에 관계없이 클래스 이름을 완전히 설정하려면 .attr() 메서드를 사용하세요.

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

클래스 추가(기존 클래스에 추가) List):
기존 클래스를 유지하면서 클래스를 추가하려면 .addClass()를 사용하세요. 메서드:

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

클래스 전환(클래스 간 전환):
클래스를 편리하게 교체하려면 .toggleClass() 메서드를 사용하세요.

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

이러한 메소드를 사용하면 ID를 기반으로 대상 td 요소의 클래스 이름을 동적으로 변경할 수 있습니다. 프로그래밍 방식으로 요소의 스타일을 지정합니다.

위 내용은 ID를 기반으로 jQuery를 사용하여 TD 요소의 클래스를 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!