jquery가 요소에 지정된 style_jquery가 있는지 확인하는 방법

다음 두 가지 상황으로 나누어집니다.
1. CSS를 인라인 스타일로 작성한 경우 style 속성의 값을 가져와서 판단할 수 있습니다. 예는 다음과 같습니다.
div 요소가 다음과 같은지 여부를 판단합니다. ID 구분선에는 글꼴 크기 스타일이 있습니다.

코드 복사 코드는 다음과 같습니다.

jquery 코드는 다음과 같습니다.
jQuery("#divid") .each(function(){
varfontSize = $(this).attr("style").indexOf("font-size");
if(fontSize != (-1)){alert( "정의됨");}
else{$(this).css ({"float":"left","font-size":"12px"});}
}); 🎜>
참고: ID가 divid인 div 요소가 하나만 있는 경우 jquery의 각 요소는 한 번만 실행됩니다.

2. CSS를 클래스 스타일로 작성한 경우, 클래스 속성의 값을 가져와서 판단할 수 있습니다.
ID가 divid인 div 요소에 클래스 스타일이 포함되어 있는지 판단합니다. divclass:

코드 복사 코드는 다음과 같습니다.

.divclass{

배경 -color:
}

jquery 코드는 다음과 같습니다. 🎜>

코드 복사 코드는 다음과 같습니다. jQuery("#divid").click( function(){

if(jQuery(this).attr("class").indexOf("divclass")>0){

jQuery(this).removeClass("divclass")
} else{
jQuery(this).addClass("divclass")
}
})


참고: 위 코드는 한 번의 클릭으로 배경색을 변경할 수 있습니다.