>  기사  >  웹 프론트엔드  >  지정된 스타일이 jquery에 존재하는지 확인하는 방법

지정된 스타일이 jquery에 존재하는지 확인하는 방법

藏色散人
藏色散人원래의
2021-02-18 10:05:464117검색

지정된 스타일이 있는지 확인하는 jquery의 방법: 먼저 HTML 코드 샘플 파일을 만든 다음 attr 메서드를 통해 선택한 요소의 속성 값을 설정하거나 반환합니다. 마지막으로 indexOf 메서드를 사용하여 지정된 스타일 값을 반환합니다. 문자열에서 처음 나타나는 위치만 보고 판단하시면 됩니다.

지정된 스타일이 jquery에 존재하는지 확인하는 방법

이 기사의 운영 환경: windows7 시스템, jquery 버전 1.2.6, DELL G3 컴퓨터.

jquery는 지정된 스타일이 존재하는지 어떻게 확인하나요?

아래 예시를 살펴보겠습니다.

HTML 코드:

<div id="divid" style="font-size:12px;">11111</div> 
<div id="divid" style="">22222</div>

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

$("#moment").click(function(){ 
var fontSize = $(this).attr("style").indexOf("font-size"); 
if(fontSize != (-1)){
  console.log("未定义")
} 
else{
  console.log("有定义")
} 
});

attr() 메소드는 선택한 요소의 속성 값을 설정하거나 반환합니다. 메소드의 매개변수에 따라 작동 방식도 다릅니다.

indexOf() 메서드는 지정된 문자열 값이 문자열에서 처음 나타나는 위치를 반환합니다. 일치하는 문자열이 없으면 -1을 반환합니다.

참고: indexOf() 메서드는 대소문자를 구분합니다.

추천: "jquery 비디오 튜토리얼"

위 내용은 지정된 스타일이 jquery에 존재하는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.