jquery addclass가 작동하지 않는 경우 수행할 작업

jquery addclass가 작동하지 않습니다. 새로 추가된 스타일의 우선순위가 원래 스타일보다 낮기 때문입니다. 해결 방법은 변경된 스타일 쓰기를 ".test .change{배경: 흰색;}"으로 변경하는 것입니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.2.6 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: jquery 동영상 튜토리얼

jquery의 addClass 메소드를 사용한 후 스타일이 성공적으로 추가되었지만 새로 추가된 스타일의 우선순위가 원래 스타일보다 낮기 때문에 여전히 효과가 없습니다.

예를 들어 원래 스타일은 다음과 같습니다.

.test div{
width: 100px;
height: 100px;
background: black;
}

변경된 스타일은 다음과 같습니다.

.change{
background: white;
}

부모가 있는 이 원래 스타일과 마찬가지로 .test 컨테이너의 div에 있는 addClass("change") 문을 직접 사용합니다. 변경 스타일은 원래 스타일보다 우선순위가 낮기 때문에 다음 방법을 사용할 수 있습니다.

변경된 스타일 쓰기를:

.test .change{
background: white;
}

또는:

.change{
background: white!important;
}

로 변경합니다. 이때 addClass(" .test 컨테이너의 div에 대한 변경" ") 문이 유효합니다

위 내용은 jquery addclass가 작동하지 않는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!