>  기사  >  웹 프론트엔드  >  jquery가 요소에 지정된 style_jquery가 있는지 확인하는 방법

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

WBOY
WBOY원래의
2016-05-16 17:17:231473검색

다음 두 가지 상황으로 나누어집니다.
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:
}
< div id="divid" class="divclass">



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


코드 복사 코드는 다음과 같습니다. jQuery("#divid").click( function(){
if(jQuery(this).attr("class").indexOf("divclass")>0){
jQuery(this).removeClass("divclass")
} else{
jQuery(this).addClass("divclass")
}
})


참고: 위 코드는 한 번의 클릭으로 배경색을 변경할 수 있습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:jquery ajax 속성 async(동기 및 비동기) example_jquery다음 기사:jquery ajax 속성 async(동기 및 비동기) example_jquery

관련 기사

더보기